/* theme.css — estimation-de-confiance.fr — thème « C – affirmé », retenu par Antony le 08/10/2026.
   Chargé par les pages conseillers (generate_conseillers.js, head()) JUSTE APRÈS leur <style> : il
   en recouvre les couleurs, bordures, boutons et espacements. Structure, textes et polices restent
   ceux du gabarit.
   Direction (Antony, 30/09) : le logo fait foi ; base marine / blanc, accent orange ; sobre.

   Jetons --edc-* : un par valeur exacte.
   Relevés dans assets/logo-estimation-de-confiance.svg (et sa variante fond sombre) :
     #1E3A6B  marine  — maison, fenêtres, « Estimation-de- », « .fr », signature
     #F58220  orange  — coche, « confiance », trait sous le nom
     #FFFFFF  blanc   — maison et texte de la variante fond sombre
   Dérivés du marine, mélangé au blanc (calculés, pas relevés) :
     #F4F5F8  fond    — marine à 5 %
     #DBDFE7  filet   — marine à 16 % (bordures, aucun texte dessus)
     #50658C  marine-doux — marine à 78 % (textes secondaires)

   CONTRASTES (WCAG 2.x, calculés par APERCU-theme-pilote-07102026/construit.js) :
     marine / blanc 11,21 · marine / fond 10,29 · marine-doux / fond 5,38 · marine-doux / blanc 5,86
     blanc / marine 11,21 · blanc 82 % / marine 8,14
     marine / orange 4,32 : AUTORISÉ SEULEMENT EN GRAND TEXTE GRAS (≥ 18,66 px, 700 ; seuil 3:1) —
       c'est le bouton principal (.cta:first-child, 19 px, 700). Jamais en texte courant.
     Jamais de texte orange sur blanc ni blanc sur orange : 2,59:1.

   ORDRE : trois strates, dans l'ordre du pilote validé (A discret, B présent, C affirmé) — la
   cascade est celle qu'Antony a vue. Ne pas fusionner les règles sans revoir le rendu. */
:root{
  --edc-marine:#1E3A6B;
  --edc-orange:#F58220;
  --edc-blanc:#FFFFFF;
  --edc-fond:#F4F5F8;
  --edc-filet:#DBDFE7;
  --edc-marine-doux:#50658C;
  --edc-blanc-pied:rgba(255,255,255,.82);
  --edc-rayon:4px;
}

/* ── Strate A — base ──────────────────────────────────────────────────────── */
body{background:var(--edc-fond);color:var(--edc-marine);}
a{color:var(--edc-marine);}

/* En-tête : le marine du logo porte la variante fond sombre. */
header{background:var(--edc-marine);border-bottom:2px solid var(--edc-orange);padding:16px 28px;}

main{padding:44px 24px 72px;}
.crumb{color:var(--edc-marine-doux);margin-bottom:28px;}
.crumb a{color:var(--edc-marine-doux);}

/* Le trait court sous le nom reprend celui du logo. */
h1::after{content:"";display:block;width:44px;height:3px;background:var(--edc-orange);border-radius:2px;margin:14px 0 12px;}
.role{color:var(--edc-marine);}
.rsac,.carte-t{color:var(--edc-marine-doux);}
.carte-t{opacity:1;margin-bottom:22px;}

.photo{border:3px solid var(--edc-orange);}
.hero{gap:36px;}
.hero-photo{border:1px solid var(--edc-filet);border-radius:var(--edc-rayon);}

.chips{gap:8px;margin:4px 0 24px;}
.chip{background:var(--edc-blanc);border:1px solid var(--edc-filet);border-radius:var(--edc-rayon);color:var(--edc-marine);}

.bloc,.secteurs,.profil,.avis,.avis-google{background:var(--edc-blanc);border:1px solid var(--edc-filet);border-radius:var(--edc-rayon);padding:20px 24px;margin:20px 0;}
.bloc h2,.secteurs h2,.ag-head h2{color:var(--edc-marine);}
.secteurs a{color:var(--edc-marine);text-decoration:underline;text-decoration-color:var(--edc-orange);text-decoration-thickness:2px;text-underline-offset:3px;}
.avis{border-left:3px solid var(--edc-orange);}
.cite{background:var(--edc-marine);color:var(--edc-blanc);border-left:4px solid var(--edc-orange);border-radius:0 var(--edc-rayon) var(--edc-rayon) 0;padding:20px 24px;margin:24px 0;}
.cite .auth{color:var(--edc-blanc-pied);}

/* Avis Google : étoiles à l'orange du logo (décor, pas du texte de lecture). */
.ag-note,.ag-m,.ag-foot{color:var(--edc-marine-doux);}
.ag-s{color:var(--edc-orange);}
.ag-avis,.ag-foot{border-top-color:var(--edc-filet);}

.cta{background:var(--edc-marine);color:var(--edc-blanc);border-radius:var(--edc-rayon);border-bottom:3px solid var(--edc-orange);padding:13px 22px 11px;margin:8px 10px 8px 0;}

/* Pied : plus de couleur en ligne dans le gabarit FOOT, donc plus de !important. */
footer{background:var(--edc-marine);color:var(--edc-blanc-pied);padding:24px 28px;}
footer a{color:var(--edc-blanc);text-decoration:underline;text-decoration-color:var(--edc-orange);text-underline-offset:3px;}

@media(max-width:640px){
  header{padding:14px 20px;}
  main{padding:32px 18px 56px;}
  .hero{gap:20px;}
  .hero-body h1::after{margin-left:auto;margin-right:auto;}
  .cta{display:block;text-align:center;margin:10px 0;}
}

/* ── Strate B — présence de l'orange ──────────────────────────────────────── */
header{border-bottom:6px solid var(--edc-orange);}

/* Trait sous le nom : les proportions exactes du trait du logo (88 × 7). */
h1::after{width:88px;height:7px;border-radius:0;margin:16px 0 14px;}

/* Ligne de rôle : marine gras, barre orange à gauche (inline-block : suit le texte, même centré). */
.role{display:inline-block;color:var(--edc-marine);font-weight:700;border-left:4px solid var(--edc-orange);padding:1px 0 1px 10px;margin-bottom:8px;}

main a{text-decoration:underline;text-decoration-color:var(--edc-orange);text-decoration-thickness:2px;text-underline-offset:3px;}
.crumb a{text-decoration-thickness:1px;}

.chip::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--edc-orange);margin-right:8px;vertical-align:1px;}

/* Bouton principal : fond orange, texte marine GRAS en GRAND texte (4,32:1, seuil 3:1).
   Les suivants (même rang, autres communes) : blanc, cadre marine. */
.cta{background:var(--edc-blanc);color:var(--edc-marine);border:2px solid var(--edc-marine);border-radius:var(--edc-rayon);font-size:1.1875rem;font-weight:700;padding:12px 22px;text-decoration:none;}
.cta:first-child{background:var(--edc-orange);border-color:var(--edc-orange);}
.cta:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--edc-marine);text-decoration-thickness:2px;}

/* ── Strate C — affirmé ───────────────────────────────────────────────────── */
header{border-bottom:14px solid var(--edc-orange);}
.profil{border-left:6px solid var(--edc-orange);}
.cite{border-left-width:8px;}
.bloc h2,.secteurs h2,.ag-head h2{display:inline-block;border-bottom:3px solid var(--edc-orange);padding-bottom:4px;margin-bottom:12px;}

/* ── Annuaire (conseillers/index.html) — absent du pilote, même vocabulaire ── */
/* La carte est un <a> : la règle « main a » la soulignerait en entier — on l'annule ici,
   et c'est le NOM qui se souligne au survol. */
.grid{gap:20px;margin-top:28px;}
.card{background:var(--edc-blanc);border:1px solid var(--edc-filet);border-top:4px solid var(--edc-orange);border-radius:var(--edc-rayon);padding:24px 20px 20px;color:var(--edc-marine);text-decoration:none;}
.card:hover{border-color:var(--edc-marine);border-top-color:var(--edc-orange);text-decoration:none;}
.card:hover .nm{text-decoration:underline;text-decoration-color:var(--edc-orange);text-decoration-thickness:2px;text-underline-offset:3px;}
.card img{border:3px solid var(--edc-orange);}
.card .nm{color:var(--edc-marine);}
.card .sc{color:var(--edc-marine-doux);}