/* Bandeau de consentement aux cookies (components/bandeau-cookies.js) : petite barre fixe en bas, discrète mais
   toujours visible et lisible, sur la landing sombre comme dans l'application (thème clair ou sombre).
   Chargée par toutes les coquilles. Une seule rangée — le texte court à gauche, les deux choix à droite — pour
   n'avaler qu'une soixantaine de pixels en bas de l'écran ; le détail complet est sur /cookies. */
.cookies-bandeau {
  position: fixed;
  z-index: 9990;
  left: 50%;
  bottom: 12px;
  transform: translate(-50%, 20px);
  width: min(560px, calc(100vw - 20px));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, .25);
  background: #0d1526;
  color: #e2e8f0;
  box-shadow: 0 10px 28px rgba(2, 6, 20, .45);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}
.cookies-bandeau.ouvert { transform: translate(-50%, 0); opacity: 1; }
.cookies-texte { flex: 1; min-width: 0; }
.cookies-texte p { margin: 0; font-size: 12px; line-height: 1.4; color: #c3cdda; }
/* Le mot « Cookies » en gras au fil du texte, plutôt qu'une ligne de titre à lui seul. */
.cookies-titre { font-weight: 700; color: #e2e8f0; }
.cookies-texte a { color: #93c5fd; text-decoration: underline; }
.cookies-actions { display: flex; gap: 7px; flex-shrink: 0; }
.cookies-btn {
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .4);
  background: transparent;
  color: #e2e8f0;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease;
}
.cookies-btn:hover { background: rgba(148, 163, 184, .12); }
.cookies-btn-plein {
  background: #3b82f6;
  border-color: #3b82f6;
  color: #fff;
}
.cookies-btn-plein:hover { background: #2563eb; border-color: #2563eb; }

/* Téléphone, et « Gérer mes cookies » (libellés plus longs) : les choix passent sous le texte, toujours côte à côte. */
@media (max-width: 599px) {
  .cookies-bandeau { flex-direction: column; align-items: stretch; gap: 9px; bottom: 8px; width: calc(100vw - 16px); }
  .cookies-btn { flex: 1; white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .cookies-bandeau { transition: none; opacity: 1; transform: translate(-50%, 0); }
}

/* Pendant la souscription (fenêtre de la landing, body.offre-ouverte), le bandeau s'efface : il recouvrait le bouton
   de paiement sur petit écran. Rien n'est décidé pour autant — il revient dès la fenêtre fermée, tant que le visiteur
   n'a pas choisi. */
body.offre-ouverte .cookies-bandeau { display: none; }