/* Bandeau cookies (assets/js/suivi.js) — palette et typo du site */
#mh-cookies{position:fixed;z-index:9999;left:20px;bottom:20px;max-width:380px;background:var(--creme,#f2ece4);color:var(--ardoise,#2e3c3c);
  border:1px solid var(--annonce-bordure,#e2d6c6);border-left:3px solid var(--sarcelle,#2e5252);border-radius:4px;padding:16px 18px 14px;
  box-shadow:0 6px 28px rgba(0,0,0,.14);font:300 13.5px/1.55 var(--sans,"Nunito Sans",system-ui,sans-serif);transition:opacity .3s,transform .3s}
#mh-cookies.ferme{opacity:0;transform:translateY(12px)}
#mh-cookies p{margin:0}
#mh-cookies .mh-c-titre{font:600 11px/1.3 var(--sans,"Nunito Sans",sans-serif);letter-spacing:1.54px;text-transform:uppercase;color:var(--sarcelle,#2e5252);margin-bottom:6px}
#mh-cookies a{color:var(--sarcelle,#2e5252);text-decoration:underline;text-underline-offset:2px}
#mh-cookies .mh-c-boutons{display:flex;gap:10px;margin-top:12px}
#mh-cookies button{flex:1;font:600 11.5px/1 var(--sans,"Nunito Sans",sans-serif);letter-spacing:1.3px;text-transform:uppercase;padding:11px 10px;border-radius:2px;cursor:pointer;
  border:1px solid var(--sarcelle,#2e5252);background:transparent;color:var(--sarcelle,#2e5252)}
#mh-cookies button.mh-c-oui{background:var(--sarcelle,#2e5252);color:#fff}
#mh-cookies button:hover{filter:brightness(1.08)}
#mh-cookies button:focus-visible{outline:2px solid var(--brun,#8f5b2b);outline-offset:2px}
#mh-cookies.mh-toast{padding:12px 16px}
@media (max-width:600px){#mh-cookies{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:none;padding:14px 15px 12px;font-size:13px}}
@media print{#mh-cookies{display:none}}

/* Variantes sobres (suivi.bandeau: a | b) : texte court, Refuser et Accepter strictement identiques */
#mh-cookies.mh-v-a,#mh-cookies.mh-v-b{border-left-width:1px;font-size:13px}
#mh-cookies.mh-v-a button,#mh-cookies.mh-v-b button,#mh-cookies.mh-v-a button.mh-c-oui,#mh-cookies.mh-v-b button.mh-c-oui{background:transparent;color:var(--sarcelle,#2e5252)}
#mh-cookies.mh-v-a{max-width:330px;padding:14px 16px 12px}
#mh-cookies.mh-v-a .mh-c-boutons{margin-top:10px}
#mh-cookies.mh-v-a button{padding:9px 8px}
#mh-cookies.mh-v-b{left:50%;transform:translateX(-50%);bottom:18px;max-width:760px;width:calc(100% - 40px);display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:30px}
#mh-cookies.mh-v-b.ferme{transform:translate(-50%,12px)}
#mh-cookies.mh-v-b .mh-c-texte{flex:1}
#mh-cookies.mh-v-b .mh-c-boutons{margin:0;flex:0 0 auto}
#mh-cookies.mh-v-b button{border-radius:20px;padding:9px 16px}
@media (max-width:600px){
  #mh-cookies.mh-v-a{max-width:none}
  #mh-cookies.mh-v-b{left:10px;right:10px;width:auto;transform:none;display:block;border-radius:14px;padding:13px 15px}
  #mh-cookies.mh-v-b.ferme{transform:translateY(12px)}
  #mh-cookies.mh-v-b .mh-c-boutons{margin-top:10px}
  #mh-cookies.mh-v-b button{flex:1}
}