/* ==========================================================================
   BANDEAU DE CONSENTEMENT — petite carte discrète en bas à gauche (le bouton
   WhatsApp occupe le coin droit). Même gris dépoli que le widget WhatsApp du
   site Tourisme. Deux boutons identiques : accepter et refuser pèsent pareil
   (exigence CNIL). Demande Hubert 04/10/2026 : « un truc tout discret ».
   ========================================================================== */
.cz-consent {
  position: fixed; left: 20px; bottom: 20px; z-index: 39;
  max-width: 320px; padding: 14px 16px;
  background: rgba(26, 27, 30, .92); color: #f2f3f4;
  border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  font: 400 13px/1.45 var(--font-sans, "Public Sans", system-ui, sans-serif);
}
.cz-consent[hidden] { display: none; }
.cz-consent-texte { margin: 0 0 10px; color: #cfd2d6; }
.cz-consent-actions { display: flex; gap: 8px; }
.cz-consent-btn {
  flex: 1 1 0; padding: 7px 10px; cursor: pointer;
  background: transparent; color: #f2f3f4;
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px;
  font: 600 13px/1.2 inherit;
}
.cz-consent-btn:hover { background: rgba(255, 255, 255, .1); }
.cz-consent-btn:focus-visible { outline: 2px solid #f2f3f4; outline-offset: 2px; }
/* Sur téléphone, le bandeau s'élargit mais s'arrête AVANT le bouton WhatsApp
   (58 px à 20 px du bord, 52 px à 14 px sous 480 px — whatsapp-widget.css) :
   il le recouvrait et cachait « Accepter » (1er /hebdo, 06/10/2026). */
@media (max-width: 520px) {
  .cz-consent { left: 12px; right: 88px; bottom: 12px; max-width: none; }
}
@media (max-width: 480px) {
  .cz-consent { right: 76px; }
}
