/* Bandeau de consentement publicitaire.
   Les deux boutons ont le même poids visuel: refuser doit être aussi simple
   qu'accepter, c'est une exigence de la CNIL. */

.consentement {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: clamp(12px, 3vw, 24px);
  transform: translateX(-50%);
  width: min(560px, calc(100% - 24px));
  padding: 18px 20px 16px;
  border: 1px solid var(--line, #e2e2e6);
  border-radius: 14px;
  background: var(--paper, #fff);
  color: var(--ink, #16161a);
  box-shadow: 0 18px 50px rgba(22, 22, 26, .18);
  font-family: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;
  animation: consentement-arrive .4s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes consentement-arrive {
  from { opacity: 0; transform: translate(-50%, 14px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}

.consentement__texte {
  margin: 0 0 16px;
  color: var(--ink-soft, #4c4c55);
  font-size: 14.5px;
  line-height: 1.45;
}

.consentement__texte a { color: inherit; }

/* deux colonnes strictement égales: refuser doit peser autant qu'accepter */
.consentement__boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.consentement__bouton {
  min-height: 46px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--field-line, #d5d5db);
  background: transparent;
  color: var(--ink, #16161a);
  font-family: "Archivo", "Figtree", sans-serif;
  font-weight: 800;
  font-size: 14.5px;
  text-transform: uppercase;
  cursor: pointer;
}

.consentement__bouton--oui {
  border-color: var(--accent, #ffce00);
  background: var(--accent, #ffce00);
  color: #16161a;
}

.consentement__bouton:hover { filter: brightness(.97); }
.consentement__bouton:focus-visible { outline: 3px solid var(--ink, #16161a); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .consentement { animation: none; }
}