/* ───────────────────────────────────────────────────────────────────────────
   Consentement cookies — affichage en MODALE CENTRÉE avec fond assombri/flouté.
   But : augmenter le taux d'acceptation SANS bloquer le refus.
   Conforme CNIL : les boutons "Accepter" ET "Refuser" du bandeau restent
   présents et fonctionnels (le visiteur peut refuser aussi facilement).

   Ne touche PAS au markup existant (#cookie-banner) : on ne fait que le
   recentrer et ajouter un voile derrière. Le style ne s'active que quand le
   JS affiche le bandeau (il pose display:block) — sinon le bandeau reste caché.
─────────────────────────────────────────────────────────────────────────── */
#cookie-banner[style*="block"] {
  position: fixed !important;
  inset: 0 !important;            /* plein écran : recouvre tout */
  transform: none !important;     /* annule le décalage bas/centre d'origine */
  display: flex !important;       /* centre la carte du bandeau */
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 99999 !important;
}

/* Le voile sombre + flou derrière la carte */
#cookie-banner[style*="block"]::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(8, 8, 12, 0.72);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  z-index: -1;
}