/* =====================================================================
   Ecodesign 5.0 — Bandeau de consentement de la mesure d'audience
   (mesure.js). Chargé seulement si GA_ID est renseigné dans build.py.
   Les 2 boutons ont exactement le même style (règle de la CNIL).
   ===================================================================== */
.cookies {
  position: fixed; z-index: 300; left: 16px; bottom: 16px;
  width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto;
  padding: 20px 22px; border-radius: var(--radius-m); border: 1px solid var(--ed-filet);
  background: #fff; color: var(--ed-encre); box-shadow: var(--shadow-l);
  font-size: var(--fs-petit); line-height: 1.55;
}
.cookies[hidden] { display: none; }
.cookies p { margin: 0; }
.cookies .cookies-titre { margin-bottom: 6px; font: 700 1.0625rem/1.3 var(--font-titre); color: var(--ed-marine); }
.cookies .cookies-titre:focus { outline: none; }
.cookies .cookies-titre:focus-visible { outline: 3px solid var(--ed-bleu); outline-offset: 3px; border-radius: 4px; }
.cookies a { color: var(--ed-bleu); text-decoration: underline; text-underline-offset: 3px; }
.cookies-boutons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.cookies-boutons .btn { min-width: 120px; justify-content: center; }
@media (max-width: 520px) {
  .cookies { left: 8px; bottom: 8px; width: calc(100vw - 16px); padding: 16px; }
  .cookies-boutons .btn { flex: 1; }
}
@media print { .cookies { display: none !important; } }

/* Lien « Gestion des cookies » du pied de page, comme « Mettre en pause les animations » */
.foot-cookies { padding: 0; border: 0; background: none; color: #fff; font: inherit; text-align: left; cursor: pointer; }
.foot-cookies:hover { text-decoration: underline; text-underline-offset: 3px; }