/* Bandeau de consentement du kit mesure-consentement (mesure.js).
   Adapter à la charte en redéfinissant les variables --consentement-* sur :root. Le lien du pied de page porte .lien-consentement. */
.bandeau-consentement {
  position: fixed; z-index: 90; right: clamp(12px, 3vw, 28px); bottom: clamp(12px, 3vw, 28px);
  width: min(420px, calc(100vw - 24px)); padding: 22px 22px 20px;
  background: var(--consentement-fond, #16181d); color: var(--consentement-texte, #f6f4ef);
  border: 1px solid var(--consentement-filet, rgba(255,255,255,0.16)); border-top: 2px solid var(--consentement-accent, #ff6b4a);
  border-radius: 14px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  font-family: var(--consentement-police, system-ui, sans-serif); font-size: 0.95rem; line-height: 1.5;
}
.bandeau-consentement[hidden] { display: none; }
.bandeau-consentement .titre-consentement { margin: 0 0 6px; font-family: var(--consentement-police-titre, Georgia, serif); font-size: 1.25rem; color: var(--consentement-texte, #f6f4ef); }
.bandeau-consentement .texte-consentement { margin: 0 0 16px; color: var(--consentement-texte-doux, rgba(246,244,239,0.78)); }
.bandeau-consentement a { color: var(--consentement-accent-clair, #ff7d5e); text-underline-offset: 3px; }
.bandeau-consentement .actions-consentement { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bandeau-consentement .btn-consentement {
  min-height: 46px; padding: 10px 14px; border-radius: 8px; cursor: pointer;
  font: 600 0.95rem/1.2 var(--consentement-police, system-ui, sans-serif);
  background: transparent; color: var(--consentement-texte, #f6f4ef); border: 1.5px solid var(--consentement-accent-clair, #ff7d5e);
}
.bandeau-consentement .btn-consentement:hover { background: rgba(255, 125, 94, 0.14); }
.bandeau-consentement .btn-consentement:focus-visible { outline: 2px solid var(--consentement-accent-clair, #ff7d5e); outline-offset: 2px; }
@media (max-width: 560px) {
  .bandeau-consentement { left: 10px; right: 10px; bottom: 10px; width: auto; padding: 14px 14px 12px; font-size: 0.875rem; line-height: 1.45; border-radius: 12px; }
  .bandeau-consentement .titre-consentement { display: none; }
  .bandeau-consentement .texte-consentement { margin-bottom: 12px; }
  .bandeau-consentement .btn-consentement { min-height: 44px; padding: 8px 12px; }
}
.lien-consentement { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: none; }
.lien-consentement:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Allogeria : la charte (encre, corail, Manrope) et la règle des 18 px */
:root { --consentement-fond: #1C1A2B; --consentement-texte: #FFFFFF; --consentement-texte-doux: #D4D1E0; --consentement-filet: #34324A;
  --consentement-accent: #F27A6F; --consentement-accent-clair: #FFB3AA; --consentement-police: 'Manrope', system-ui, sans-serif; --consentement-police-titre: 'Manrope', system-ui, sans-serif; }
.bandeau-consentement { font-size: 18px; border-radius: 24px; }
.bandeau-consentement .titre-consentement { font-weight: 800; font-size: 22px; }
.bandeau-consentement .btn-consentement { font-size: 18px; min-height: 52px; padding: 0 22px; border-radius: 999px; }
html.consentement-requis .allo { bottom: clamp(12px, 2.5vw, 28px); }