/* Nasri Avocats — feuille de style partagée.
   La mise en page de chaque bloc est portée en ligne dans les pages (reprise fidèle de la maquette
   Claude Design). Ce fichier regroupe la base, les états de survol et de focus, l'en-tête
   responsive et les composants interactifs (onglets, puces de sélection). */

html{scroll-behavior:smooth}
body{margin:0;background:#F9F1E5;color:#1A001E;font-family:'Avenir Next','Avenir LT Std',Avenir,'Nunito Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.page-dark{background:#1A001E}
a{color:#4B1D46}
a:hover{color:#1A001E}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
::selection{background:#4B1D46;color:#F9F1E5}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #D4B3CC;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Survol — les couleurs de repos sont en ligne, d'où !important */
.hv-ivory:hover{color:#F9F1E5!important}
.hv-lilac:hover{color:#D4B3CC!important}
.hv-prune:hover{color:#4B1D46!important}
.hv-aubergine:hover{color:#1A001E!important}
.hv-outline-ivory:hover{border-color:#F9F1E5!important;color:#F9F1E5!important}
.hv-outline-prune:hover{border-color:#4B1D46!important;color:#4B1D46!important}
.hv-outline-prune-dark:hover{border-color:#4B1D46!important;color:#1A001E!important}
.hv-bg-white:hover{background:#FFFFFF!important;color:#1A001E!important}
.hv-bg-beige:hover{background:#F2E8DA!important;color:#1A001E!important}
.hv-bg-beige-only:hover{background:#F2E8DA!important}
.hv-bg-sand:hover{background:#E9DCCB!important;color:#1A001E!important}
.hv-bg-prune:hover{background:#4B1D46!important;color:#F9F1E5!important}
.hv-bg-aubergine:hover{background:#1A001E!important;color:#F9F1E5!important}
.hv-bg-aubergine-only:hover{background:#1A001E!important}
.hv-bg-glass:hover{background:rgba(249,241,229,0.07)!important;color:#F9F1E5!important}

/* Champs de formulaire */
.fx-line:focus{border-bottom:1px solid #4B1D46!important;box-shadow:0 1px 0 #4B1D46}

/* En-tête */
.site-header{position:sticky;top:0;z-index:50;display:block}
.hdr-exp-btn[aria-expanded="true"]{color:#F9F1E5!important}
.hdr-exp-btn[aria-expanded="true"] .hdr-caret{transform:rotate(180deg)!important}
@media (max-width:999.98px){.hdr-nav{display:none!important}}
@media (min-width:1000px){.hdr-menu-btn,.hdr-mobile-nav{display:none!important}}
@media (max-width:719.98px){.hdr-cta{display:none!important}}
@media (min-width:720px){.mobile-bar{display:none!important}}

/* Colonnes collantes (intros, onglets, sommaire) : sur une seule colonne, le contenu suivant défilerait par-dessus */
@media (max-width:999.98px){[style*="position:sticky"]{position:static!important}}

/* Accueil — onglets « Votre situation » */
.sit-tab{display:flex;align-items:center;gap:20px;width:100%;min-height:66px;text-align:left;padding:14px 22px;border:0;border-bottom:1px solid rgba(26,0,30,0.14);background:transparent;color:#1A001E;cursor:pointer;font:inherit;transition:background .2s}
.sit-tab:hover{background:#F2E8DA}
.sit-tab[aria-selected="true"]{border-bottom-color:#4B1D46;background:#4B1D46;color:#F9F1E5}
.sit-dot{width:9px;height:9px;flex:none;margin:0 4px;border-radius:50%;background:#4B1D46}
.sit-tab[aria-selected="true"] .sit-dot{background:#F9F1E5}
.sit-label{flex:1;font-size:clamp(18px,1.7vw,21px);font-weight:600;letter-spacing:-0.01em;line-height:1.3}
.sit-icon{font-size:20px;color:#4B1D46}
.sit-tab[aria-selected="true"] .sit-icon{color:inherit}
.sit-icon-on,.sit-tab[aria-selected="true"] .sit-icon-off{display:none}
.sit-tab[aria-selected="true"] .sit-icon-on{display:inline}

/* Formulaires — sujet / profil (sélection unique) et langue d'échange */
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(26,0,30,0.22);background:transparent;color:#1A001E;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s}
.chip[aria-pressed="true"]{border-color:#4B1D46;background:#4B1D46;color:#F9F1E5}
.seg{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#1A001E;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.seg[aria-pressed="true"]{background:#1A001E;color:#F9F1E5}
button[type="submit"][disabled]{opacity:.6;cursor:progress}