/* Fiduciaire Arthémis – règles téléphone (≤ 760 px) communes à toutes les pages */
.h-mob{display:none !important}
.h-dock{display:none !important}
.sim-sticky{display:none !important}
.f-tog{display:none !important}
.h-menu > summary{list-style:none}
.h-menu > summary::-webkit-details-marker{display:none}

@media (max-width: 760px){
  /* En-tête : menu repliable + bouton Appeler */
  .h-nav{display:none !important}
  .h-mob{display:flex !important}
  .h-logo{height:38px !important}
  .h-bar > div{padding:12px 16px !important;flex-wrap:nowrap !important;gap:12px !important}
  /* Barre d'action fixe en bas de l'écran : Appeler, Être rappelé, Réserver */
  .h-dock{display:grid !important}
  body{padding-bottom:72px}
  /* Simulateurs : résultat toujours visible pendant qu'on règle les curseurs */
  .sim-sticky{display:flex !important;position:sticky;bottom:84px;z-index:25}
  /* Pied de page : colonnes repliables */
  .f-grid{grid-template-columns:1fr !important;gap:0 !important}
  .f-grid > div:first-child{padding-bottom:20px}
  .f-col{border-top:1px solid #D8D4C8;padding:4px 0}
  .f-col > div:first-child{margin-bottom:0 !important}
  .f-tog{display:inline-flex !important}
  .f-links[data-open="0"]{display:none !important}
  .f-links{padding-bottom:12px}

  /* Titres et textes */
  h1{font-size:36px !important;line-height:1.12 !important}
  h2{font-size:27px !important;line-height:1.22 !important}
  h3{font-size:19px !important}
  p[style*="font-size: 30px"], blockquote{font-size:22px !important;line-height:1.4 !important}
  span[style*="font-size: 34px"]{font-size:26px !important}
  [style*="font-size: 19px"]{font-size:17px !important}
  details > summary{font-size:16px !important;line-height:1.45 !important}
  .fc-leg{font-size:21px !important}

  /* Respirations verticales réduites, marges latérales de 20 px */
  [style*="padding: 96px"],[style*="padding: 88px"]{padding-top:56px !important;padding-bottom:56px !important}
  [style*="padding: 72px"],[style*="padding: 64px 24px"]{padding-top:44px !important;padding-bottom:44px !important}
  [style*="padding: 40px 24px"]{padding-top:24px !important;padding-bottom:48px !important}
  [style*="24px 72px"]{padding-bottom:48px !important}
  [style*="24px 24px 88px"]{padding-bottom:56px !important}
  div[style*="max-width: 1200px"],section[style*="max-width: 1200px"],form[style*="max-width: 1200px"],div[style*="max-width: 900px"],section[style*="max-width: 900px"],article[style*="max-width: 900px"],article[style*="max-width: 760px"]{padding-left:20px !important;padding-right:20px !important}
  [style*="padding: 32px;"]{padding:24px 20px !important}

  /* Espacements entre colonnes devenues lignes */
  [style*="gap: 64px"],[style*="gap: 56px"]{gap:32px !important}
  [style*="gap: 48px;"]{gap:28px !important}
  [style*="gap: 32px 64px"],[style*="gap: 40px 56px"]{gap:24px !important}
  li[style*="gap: 24px"]{gap:14px !important}
  [style*="flex: 0 0 140px"],[style*="flex: 0 0 180px"],[style*="flex: 0 0 120px"]{flex-basis:auto !important}

  /* Olivier décoratif : plus petit, en bas à droite */
  img[aria-hidden="true"][style*="position: absolute"]{width:240px !important;right:-70px !important;top:auto !important;bottom:-20px !important;opacity:.22 !important}
  /* Olivier de l'accueil : plus grand et plus visible */
  img[aria-hidden="true"][style*="opacity: 0.5"]{width:320px !important;right:-90px !important;bottom:-30px !important;opacity:.45 !important}

  /* Fiche d'identité du cabinet : libellé au-dessus de la valeur */
  dl[style*="minmax(160px"]{grid-template-columns:1fr !important}
  dl[style*="minmax(160px"] dt{padding-bottom:2px !important}
  dl[style*="minmax(160px"] dd{border-top:0 !important;padding-top:0 !important}

  /* Formulaires : bouton pleine largeur */
  form button{width:100% !important;justify-self:stretch !important}

  /* Vidéos : deux par ligne */
  #videos [style*="minmax(240px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important}
}

/* Effets du prototype : survols, défilement doux, apparition des sections au défilement */
html{scroll-behavior:smooth}
a{transition:color .15s ease, background-color .15s ease, opacity .15s ease}
a[style*="background: #101957"]:hover,button[style*="background: #101957"]:hover{background:#222D7D !important}
a[style*="background: #C8B59A"]:hover{background:#D6C6AE !important}
a[style*="border-top: 1px solid #D8D4C8"][style*="text-decoration: none"]:hover span:first-child{color:#222D7D}
details > summary{transition:color .15s ease}
details > summary:hover{color:#222D7D}
details[open] > p{animation:fa-fade .25s ease both}
@keyframes fa-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes fa-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
/* Pas d'apparition au défilement dans la maquette : elle masquait les sections dans les aperçus et les exports. À coder dans le site avec IntersectionObserver. */