/*
 * Le widget de consentement à la mesure d'audience (24 septembre 2026) — voir
 * js/consentement.js. Une carte discrète en bas d'écran, dans les jetons du site
 * (nexus.css), centrée en bas. Les deux choix ont la même taille et restent tous deux
 * lisibles : « Accepter » porte la couleur principale, « Refuser » n'est jamais caché.
 */
.consentement{
  position:fixed;z-index:60;left:50%;bottom:20px;transform:translateX(-50%);
  width:min(380px,calc(100vw - 32px));
  padding:16px 16px 14px;
  background:var(--bg-overlay);border:1px solid var(--border-strong);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;
  animation:consentement-entre var(--dur) var(--ease);
}
@keyframes consentement-entre{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.consentement{animation:none}}

.consentement-texte{margin:0 24px 12px 0;color:var(--text-secondary)}
.consentement-texte a{color:var(--accent-text);white-space:nowrap}
.consentement-texte a:hover{color:var(--accent-hover)}

.consentement-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.consentement-choix{
  padding:8px 12px;border-radius:var(--radius);
  background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);
  font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.consentement-choix:hover{background:var(--bg-hover);border-color:var(--text-disabled)}
/* « Accepter », dans la couleur principale du site */
.consentement-choix.principal{background:var(--accent);border-color:var(--accent);color:#fff}
.consentement-choix.principal:hover{background:var(--accent-hover);border-color:var(--accent-hover)}

.consentement-fermer{
  position:absolute;top:8px;right:8px;width:24px;height:24px;
  display:grid;place-items:center;padding:0;border:none;border-radius:var(--radius-sm);
  background:none;color:var(--text-tertiary);font-size:18px;line-height:1;cursor:pointer;
}
.consentement-fermer:hover{color:var(--text-primary);background:var(--bg-hover)}

@media (max-width:480px){
  .consentement{left:16px;right:16px;bottom:16px;width:auto;transform:none}
  @keyframes consentement-entre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  /* sur téléphone, le bouton de pause des animations de l'accueil est dans ce coin : on se pose au-dessus */
  body:has(.motion-control) .consentement{bottom:60px}
}

/* le lien du pied de page, un bouton qui a l'air d'un lien */
.pied-bas .lien-consentement{
  background:none;border:none;padding:0;color:var(--text-tertiary);font:inherit;cursor:pointer;
}
.pied-bas .lien-consentement:hover{color:var(--text-primary)}