/* Bandeau de consentement (mesure Meta). « Accepter » et « Refuser » ont exactement la même forme : règle CNIL. */
.consentement {
  position: fixed; z-index: 60; left: 16px; bottom: 16px;
  width: min(430px, calc(100% - 32px));
  padding: 20px 20px 18px;
  background: #14261f; color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgb(255 255 255 / .06), 0 24px 60px rgb(10 20 16 / .35);
  font-size: .9rem; line-height: 1.5;
}
.consentement[hidden] { display: none; }
.consentement__titre { margin: 0 0 6px; font-family: var(--titres, "Sora"), sans-serif; font-size: 1.02rem; font-weight: 600; letter-spacing: -.02em; }
.consentement__texte { margin: 0; color: rgb(255 255 255 / .78); }
.consentement__texte a { color: #63fbe0; text-underline-offset: 2px; }
.consentement__boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.consentement__bouton {
  min-height: 46px; padding: 0 16px;
  background: #fff; color: #14261f;
  border: 0; border-radius: 8px;
  box-shadow: inset 0 -3px 0 rgb(20 38 31 / .14);
  font: 700 .95rem/1.2 "Plus Jakarta Sans", sans-serif;
  cursor: pointer;
  transition: transform .2s ease;
}
.consentement__bouton:hover { transform: translateY(-1px); }
.consentement__bouton:active { transform: translateY(1px); }
.consentement__bouton:focus-visible, .consentement__texte a:focus-visible { outline: 3px solid #63fbe0; outline-offset: 2px; }

/* Sur téléphone : en bas de l'écran, et la barre « Recevoir ma maquette » s'efface tant que le choix n'est pas fait. */
@media (max-width: 640px) {
  .consentement { left: 8px; right: 8px; bottom: 8px; width: auto; padding: 16px 16px 14px; font-size: .86rem; }
}
.consentement-ouvert .barre-mobile { visibility: hidden; }

/* Lien du pied de page */
.lien-cookies { padding: 0; background: none; border: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

@media (prefers-reduced-motion: reduce) { .consentement__bouton { transition: none; } }