/* a11y.css — Houblon et Marmiton — couche accessibilité (Zcorps, 12/10/2026)
   Chargée en dernier sur toutes les pages. Pour revenir en arrière : retirer la ligne
   <link rel="stylesheet" href="/a11y.css?v=1"> des pages (aucune autre règle n'est touchée). */

/* 1. Couleurs : contrastes d'au moins 4,5:1 pour le texte (WCAG 1.4.3 / RGAA 3.2) */
:root{
  --amber:#8F4E0E;   /* ambre caramel : 5,2:1 sur le beige, 5,9:1 en fond de bouton sous texte crème (avant : 2,7:1) */
  --amber2:#743F0B;  /* survol des boutons */
  --text2:rgba(43,36,28,.78);
  --text3:rgba(43,36,28,.70);
}
/* Sur fond vert foncé, l'ambre reste clair pour rester lisible */
.ft-ph,.ft-col ul li a:hover,.ft-legal a:hover,.ft-zc:hover{color:#F0A848}
.ft-desc,.ft-col ul li a,.cc-i{color:rgba(242,230,200,.82)}
.ft-col h2.ft-h{font-family:var(--fu);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,230,200,.78);margin-bottom:18px}
.ft-copy,.ft-legal a,.ft-zc{color:rgba(242,230,200,.78);font-size:12px}
.ft-evin p{color:rgba(242,230,200,.85);font-size:12px}
.ft-soc-link{color:rgba(242,230,200,.85);border-color:rgba(242,230,200,.45)}
.box-cta p,.s-pr.linen .pr-de{color:rgba(242,230,200,.85)}
.ck-set{color:rgba(242,230,200,.85)}
.ck-ref{color:rgba(242,230,200,.9)}

/* 2. Titres : nouveaux niveaux, même apparence */
.cm-opt-t h3{font-family:var(--fu);font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}
.box-cta h2{font-family:var(--fd);font-size:24px;font-weight:700;color:var(--bg);margin:0 0 8px;position:relative;z-index:1;letter-spacing:normal;line-height:1.25}

/* 3. Focus clavier toujours visible (WCAG 2.4.7 / RGAA 10.7) */
:focus-visible{outline:3px solid #8F4E0E;outline-offset:3px;border-radius:4px}
footer :focus-visible,.box-cta :focus-visible,#ck-banner :focus-visible,.art-hero :focus-visible{outline-color:#F0A848}
.ct-group input:focus-visible,.ct-group textarea:focus-visible,.ct-group select:focus-visible{outline:3px solid #8F4E0E;outline-offset:2px}

/* 4. Lien d'évitement « Aller au contenu » (RGAA 12.7) */
.skip-link{position:absolute;left:12px;top:-60px;z-index:10001;background:#2D4A1A;color:#FBF5E6;font-family:var(--fu);font-weight:700;font-size:15px;padding:12px 18px;border-radius:10px;text-decoration:underline;transition:top .15s}
.skip-link:focus{top:12px}

/* 5. Respect des réglages de l'utilisateur */
html,body{forced-color-adjust:auto}   /* modes contraste élevé de Windows */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rev,.revL,.revR{opacity:1!important;transform:none!important}
}

/* 6. Sur les fonds vert foncé : ambre clair et texte crème renforcé */
footer .ft-name em,footer .ft-col li a[style*="amber"],
.art-hero .art-cat,
#heroKicker .hk-txt,#hn2,#heroPills .h-pill,
.ch2 .ch-num,.ch2 .ml-text,#ch2-h2 em,#ch4-h2 .cs-kicker,
.ch5 .ch-num,#ch5-h2 em,.ch5 .tv-year,.ch5 .cp-kicker,.ch5 .cp-ti em,
.ch6-manifeste .mf-pre,.ch6-manifeste .mf-quote em,
.ct-card .ct-ki,.ct-card .ct-ti em,.ct-card .ct-su a,
#notif .notif-tag,#notif-h2 em,#notif .notif-note a,
.bc-tb .bc-ln,.s-pr .pr-tag,#pr-h2 em,
.s-beerpairing .s-ey,.s-beerpairing .s-ti em,.s-beerpairing .bp-label,
.tarif-card.featured .tc-prix,#occ-h2 em,.tb-occ .tb-fin a,.on-green .s-ey,.on-green .s-ti em,footer .ft-col li a[style],
.contact-strip #cs-h2 em,#beerfest .bc-badge-link{color:#F0A848!important}
.art-hero .art-cat,#notif .notif-tag,.ch5 .tv-year,.ch5 .cp-kicker,.s-pr .pr-tag,.tb-occ .tb-fin a,#beerfest .bc-badge-link{color:#F7C589!important}
.art-cat{border-color:rgba(240,168,72,.45)}

.art-breadcrumb a,.art-breadcrumb span,.art-meta span,.art-meta time,
.aside-delay .ad-txt span,.bc-tb .bc-z,.ch2 .ch2-body,.ch2 .ci-src,.ch5 .ch5-sub,.ch5 .tv-de,.ch5 .cp-de,
#ch4-h2 .cs-body,.ch6-manifeste .mf-attr,.contact-strip .cs-sub,.contact-strip .cs-item-lbl,
#notif .notif-su,#notif .notif-note,.s-beerpairing .bp-body,.s-beerpairing .bp-ex-txt,
.tarif-card.featured .tc-sub,.tarif-card.featured .tc-prix em,.tarif-card.featured .tc-list li,.on-green .s-su{color:rgba(242,230,200,.88)!important}
.aside-delay .ad-txt span{color:#FBF5E6!important}

/* 7. Petits ajustements sur fonds clairs */
.box-tip .box-ti,.s-bk .bk-tag{color:#743F0B}
.box-warn .box-ti{color:#962A1E}
.ac-link-lbl{color:#13692F}
.ec-tag{color:rgba(43,36,28,.88)}
.ec-tag{color:rgba(43,36,28,.9)!important}
.form-badge{color:#0B5F8A!important;background:rgba(11,95,138,.08)!important}
.art-content p a,.art-content li a{color:#743F0B}
.s-exp .btn-light{color:var(--green);border-color:rgba(45,74,26,.4)}
.s-exp .btn-light:hover{background:rgba(45,74,26,.08)}

/* 8. Degré d'alcool dans le pied de page (règle Google Ads, 12/10/2026) */
.ft-evin .ft-deg{margin-top:4px;font-family:var(--fu);font-size:12px;color:rgba(242,230,200,.85);line-height:1.5}
.sh-txt{color:rgba(242,230,200,.85)!important}