/* =========================================================================
   egab.css — identité visuelle unique de cicatrisation-cornee.com
   Chargée en dernier sur toutes les pages : redéfinit les variables de
   chaque famille de gabarits vers une seule palette, une seule
   typographie, et ajoute les transitions.            v1 — 22/08/2026
   ========================================================================= */

:root{
  /* ---- palette unique ---------------------------------------------- */
  --egab-ink:        #14312E;   /* texte courant                        */
  --egab-ink-soft:   #405753;   /* texte secondaire                     */
  --egab-muted:      #5C716D;   /* mentions, légendes                   */
  --egab-accent:     #0C7C86;   /* pétrole — liens, boutons             */
  --egab-accent-d:   #085C64;   /* pétrole foncé — survol               */
  --egab-accent-l:   #E8F3F3;   /* pétrole très clair — fonds           */
  --egab-amber:      #A86D12;   /* ambre sombre — accent secondaire     */
  --egab-amber-l:    #FBF2DE;
  --egab-line:       #DCE4E1;
  --egab-paper:      #F7F9F8;
  --egab-card:       #FFFFFF;
  --egab-bar:        #7A2E2E;   /* barre haute (identité Rothschild)    */

  /* ---- on écrase les variables des trois familles de gabarits ------- */
  --ink:#14312E; --ink-soft:#405753; --muted:#5C716D;
  --accent:#0C7C86; --accent2:#085C64;
  --petrol:#0C7C86; --petrol-600:#0C7C86; --petrol-800:#0A5F67; --petrol-900:#14312E;
  --amber:#A86D12; --amber-600:#8C5A0E;
  --line:#DCE4E1; --paper:#F7F9F8; --card:#FFFFFF;
  --strong:#14312E; --neg:#9C3B2E; --good:#2E6E52; --danger:#9C3B2E;
}

/* ===== typographie =================================================== */
body{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--egab-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,
.card h2,.som h1,.som h2,.brand-title{
  font-family:"Spectral",Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:-.005em;
  color:var(--egab-ink);
}
h1{line-height:1.14}
h2,h3{line-height:1.25}
small,figcaption,.legend{color:var(--egab-muted)}

/* liens : une seule couleur sur tout le site */
a{color:var(--egab-accent);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--egab-accent-d)}
.egab-bar a,.egab-foot a,.top a,header a,footer a{color:inherit}
.egab-foot a{color:#E9A33B}

/* la revue était en bleu : on la ramène au pétrole */
nav.toc a,.toc a{color:var(--egab-ink-soft)}
nav.toc a:hover,.toc a:hover{color:var(--egab-accent)}
nav.toc a.active,.toc a.active{color:var(--egab-accent);font-weight:600}
table.sum th{background:var(--egab-accent)!important;color:#fff}

/* --- conteneurs à fond sombre : on rétablit un texte clair --- */
.egab-bar,.egab-bar p,.egab-bar h1,.egab-bar h2,.egab-bar h3,.egab-bar span{color:#fff}
.egab-bc,.egab-bc div,.egab-bc a{color:#F2E7E7}
.egab-foot,.egab-foot p,.egab-foot li,.egab-foot h2,.egab-foot h3,.egab-foot span,
footer,footer p,footer .in{color:#CFE0E2}
.egab-foot a,footer a{color:#E9A33B}
.mobile-toc,.mobile-toc a,.mobile-toc summary{color:#EAF1EF}
.rf::after,.rf:hover::after,.rf:focus::after{color:#EAF1EF}
figure.is-zoomed figcaption,.fig.is-zoomed figcaption{color:#EAF1EF}

/* ===== mouvement ===================================================== */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}

  a,button,.card,.encadre,details.cours,.go,.ouvrir,summary{
    transition:color .16s ease, background-color .16s ease,
               border-color .16s ease, box-shadow .22s ease,
               transform .22s cubic-bezier(.2,.7,.3,1);
  }
  .card:hover,.encadre:hover{transform:translateY(-3px)}
  .card:hover{box-shadow:0 14px 34px rgba(12,124,134,.13)}

  /* apparition à l'entrée dans le champ de vision */
  .egab-reveal{opacity:0;transform:translateY(14px)}
  .egab-reveal.egab-vu{opacity:1;transform:none;
    transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.3,1)}

  /* ouverture des accordéons */
  details.cours>.corps{animation:egab-deplie .26s cubic-bezier(.2,.7,.3,1)}
  @keyframes egab-deplie{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}

/* ===== barre de progression de lecture (pages de cours) ============== */
#egab-progres{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;
  background:linear-gradient(90deg,var(--egab-accent),#3FA9AF);
  transition:width .1s linear;pointer-events:none;
}

/* ===== retouches de finition ========================================= */
.egab-bar{background:var(--egab-bar)}
.egab-bc{background:#66261F}
.egab-foot{background:#0E2B2A}
::selection{background:var(--egab-accent-l);color:var(--egab-ink)}
:focus-visible{outline:2px solid var(--egab-accent);outline-offset:2px;border-radius:3px}
img{max-width:100%;height:auto}

/* =========================================================================
   En-tête clair — remplace le bandeau bordeaux.        v2 — 23/08/2026
   Logo et nom posés sur le blanc de la page, rubriques en dessous,
   sous-menus au survol et au clavier, menu repliable en mobile.
   ========================================================================= */
.egab-top{background:#fff;border-bottom:1px solid var(--egab-line);position:relative;z-index:60}
.egab-top-in{max-width:1200px;margin:0 auto;padding:14px 22px 10px;
  display:flex;align-items:center;gap:16px}
.egab-ident{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;flex:1;min-width:0}
.egab-logo{height:44px;width:auto;display:block}
.egab-nom{font-family:"Spectral",Georgia,serif;font-weight:600;font-size:1.02rem;
  line-height:1.2;color:var(--egab-ink);display:flex;flex-direction:column}
.egab-nom span{font-family:"Inter",system-ui,sans-serif;font-weight:400;
  font-size:.78rem;color:var(--egab-muted);margin-top:2px}
.egab-top .egab-lang{display:flex;align-items:center;gap:6px}
.egab-top .egab-lang a{font-size:.78rem;font-weight:600;color:var(--egab-muted);
  text-decoration:none;padding:3px 7px;border-radius:5px;border:1px solid transparent}
.egab-top .egab-lang a.on{color:var(--egab-accent);border-color:var(--egab-line);background:var(--egab-accent-l)}
.egab-top .egab-lang select{font-size:.78rem;border:1px solid var(--egab-line);
  border-radius:5px;padding:3px 5px;background:#fff;color:var(--egab-muted)}

.egab-burger{display:none;align-items:center;gap:7px;background:#fff;
  border:1px solid var(--egab-line);border-radius:7px;padding:7px 12px;
  font:600 .82rem/1 "Inter",system-ui,sans-serif;color:var(--egab-ink);cursor:pointer}

.egab-menu{max-width:1200px;margin:0 auto;padding:0 22px}
.egab-n1{list-style:none;margin:0;padding:0;display:flex;gap:26px;flex-wrap:wrap}
.egab-n1>li{position:relative}
.egab-n1>li>a{display:inline-block;padding:9px 0 11px;font-size:.9rem;font-weight:600;
  color:var(--egab-ink);text-decoration:none;border-bottom:2px solid transparent}
.egab-n1>li>a:hover{color:var(--egab-accent);border-bottom-color:var(--egab-accent)}
.egab-n1>li>a.actif{color:var(--egab-accent);border-bottom-color:var(--egab-accent)}
.egab-chev{background:none;border:0;padding:0 0 0 3px;color:var(--egab-muted);
  font-size:.7rem;cursor:pointer;line-height:1}
.egab-n1>li.a-sous:hover>.egab-chev,.egab-chev[aria-expanded="true"]{color:var(--egab-accent)}

.egab-n2{list-style:none;margin:0;padding:7px 0;position:absolute;top:100%;left:-14px;
  min-width:270px;background:#fff;border:1px solid var(--egab-line);border-radius:10px;
  box-shadow:0 12px 30px rgba(20,49,46,.13);opacity:0;visibility:hidden;
  transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.egab-n1>li.a-sous:hover>.egab-n2,.egab-n2.ouvert{opacity:1;visibility:visible;transform:none}
.egab-n2 a{display:block;padding:8px 16px;font-size:.86rem;color:var(--egab-ink-soft);
  text-decoration:none;line-height:1.35}
.egab-n2 a:hover{background:var(--egab-accent-l);color:var(--egab-accent)}

@media(max-width:860px){
  .egab-top-in{padding:12px 16px;gap:10px}
  .egab-nom{font-size:.92rem}
  .egab-nom span{display:none}
  .egab-logo{height:36px}
  .egab-burger{display:inline-flex}
  .egab-menu{display:none;padding:0 16px 12px}
  .egab-menu.ouvert{display:block}
  .egab-n1{flex-direction:column;gap:0}
  .egab-n1>li{border-top:1px solid var(--egab-line)}
  .egab-n1>li>a{padding:12px 0;font-size:.95rem}
  .egab-chev{float:right;padding:12px 6px;font-size:.85rem}
  .egab-n2{position:static;opacity:1;visibility:visible;transform:none;border:0;
    box-shadow:none;min-width:0;padding:0 0 8px 14px;display:none}
  .egab-n2.ouvert{display:block}
  .egab-n1>li.a-sous:hover>.egab-n2{display:none}
  .egab-n1>li.a-sous:hover>.egab-n2.ouvert{display:block}
}
@media(prefers-reduced-motion:reduce){.egab-n2{transition:none}}

/* fil d'Ariane et pied de page — règles rapatriées des pages vers la feuille
   commune lors de la suppression du bandeau bordeaux (23/08/2026) */
.egab-bc{font-family:"Inter",system-ui,sans-serif;background:var(--egab-accent-l);
  color:var(--egab-ink-soft);font-size:.78rem;border-bottom:1px solid var(--egab-line)}
.egab-bc div{max-width:1200px;margin:0 auto;padding:7px 22px}
.egab-bc a{color:var(--egab-ink-soft);text-decoration:none}
.egab-bc a:hover{color:var(--egab-accent);text-decoration:underline}
.egab-foot{background:#0E2B2A;color:#CFE0E2;font-family:"Inter",system-ui,sans-serif;margin-top:0}
.egab-foot-in{max-width:1200px;margin:0 auto;padding:24px 22px;font-size:.84rem;line-height:1.6}
.egab-foot a{color:#E9A33B;text-decoration:none}
.egab-foot a:hover{text-decoration:underline}


/* =========================================================================
   Confort mobile — v3, 24/08/2026
   Les tableaux portaient un min-width de 560 px sans conteneur défilable :
   sur un téléphone, c’est la page entière qui partait de travers. Ils
   défilent désormais dans leur propre cadre, le texte restant lisible.
   ========================================================================= */
@media (max-width: 700px){
  table{display:block;width:100%;max-width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch}
  pre,code{white-space:pre-wrap;word-break:break-word}
  img,svg,video,iframe{max-width:100%;height:auto}
  h1{font-size:1.62rem;line-height:1.18}
  h2{font-size:1.24rem}
  body{overflow-x:hidden}
}

/* =========================================================================
   Signature d'auteur en fin de page — 24/08/2026
   Google pondère lourdement l'identité de l'auteur sur le contenu médical ;
   c'est aussi ce qui donne un visage à un mur de texte.
   ========================================================================= */
.egab-auteur{max-width:900px;margin:44px auto 0;padding:18px 22px;
  display:flex;align-items:center;gap:18px;
  border-top:1px solid var(--egab-line);border-bottom:1px solid var(--egab-line);
  background:var(--egab-paper)}
.egab-auteur img{width:72px;height:72px;border-radius:50%;object-fit:cover;
  flex:none;border:2px solid #fff;box-shadow:0 2px 10px rgba(20,49,46,.14)}
.egab-auteur .txt{min-width:0}
.egab-auteur .nom{font-family:"Spectral",Georgia,serif;font-weight:600;
  font-size:1.02rem;color:var(--egab-ink);margin:0}
.egab-auteur .fon{margin:3px 0 0;font-size:.86rem;line-height:1.5;color:var(--egab-ink-soft)}
.egab-auteur .met{margin:7px 0 0;font-size:.79rem;color:var(--egab-muted)}
.egab-auteur .met a{color:var(--egab-accent);text-decoration:none;font-weight:600}
.egab-auteur .met a:hover{text-decoration:underline}
@media(max-width:560px){
  .egab-auteur{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}
  .egab-auteur img{width:60px;height:60px}
}
@media print{.egab-auteur{break-inside:avoid}}

/* =========================================================================
   Bloc « poursuivre » — 24/08/2026
   Trois destinations en fin d'article : retient le visiteur venu de Google
   et fait circuler l'autorité entre les pages.
   ========================================================================= */
.egab-suite{max-width:900px;margin:46px auto 0;padding:0 22px}
.egab-suite h2{font-family:"Spectral",Georgia,serif;font-weight:600;font-size:1.06rem;
  color:var(--egab-ink);margin:0 0 14px;padding-bottom:9px;
  border-bottom:1px solid var(--egab-line)}
.egab-suite-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.egab-suite-c{display:block;padding:14px 16px;text-decoration:none;
  background:#fff;border:1px solid var(--egab-line);border-radius:11px;
  border-left:3px solid var(--egab-accent)}
.egab-suite-c .t{display:block;font-weight:600;font-size:.93rem;color:var(--egab-ink);
  line-height:1.3}
.egab-suite-c .d{display:block;margin-top:5px;font-size:.82rem;line-height:1.5;
  color:var(--egab-ink-soft)}
.egab-suite-c:hover{background:var(--egab-accent-l);border-left-color:var(--egab-accent-d)}
@media(prefers-reduced-motion:no-preference){
  .egab-suite-c{transition:background .16s ease,transform .18s ease}
  .egab-suite-c:hover{transform:translateY(-2px)}
}
@media(max-width:560px){.egab-suite{margin-top:34px;padding:0 16px}}
@media print{.egab-suite{display:none}}

/* =========================================================================
   Figures dans le corps du texte — 24/08/2026
   ========================================================================= */
.egab-fig{margin:28px 0;padding:0}
.egab-fig img{display:block;width:100%;height:auto;border:1px solid var(--egab-line);
  border-radius:12px;background:#FEFDFB}
.egab-fig figcaption{margin:10px 2px 0;font-size:.84rem;line-height:1.55;
  color:var(--egab-muted)}
.egab-fig figcaption b{color:var(--egab-ink-soft);font-weight:600}
@media(max-width:560px){.egab-fig{margin:22px 0}}