/*
 * nd-mesure.css : le bandeau de consentement commun aux apps web de Nathie (19/10/2026).
 * Chaque app l habille a sa charte en definissant ces variables (sinon, valeurs neutres) :
 *   --nd-fond, --nd-texte, --nd-doux, --nd-accent, --nd-sur-accent, --nd-trait, --nd-police, --nd-police-titre
 * « Refuser » et « Accepter » ont EXACTEMENT la meme taille et le meme poids (regle CNIL).
 */
.nd-consentement {
  position: fixed;
  z-index: 2147483000;
  left: 50%;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  width: min(560px, calc(100% - 24px));
  box-sizing: border-box;
  padding: 16px 18px 14px;
  border-radius: 18px;
  background: var(--nd-fond, #FFFFFF);
  color: var(--nd-texte, #2B2522);
  border: 1px solid var(--nd-trait, rgba(0, 0, 0, 0.12));
  box-shadow: 0 18px 48px -14px rgba(0, 0, 0, 0.45);
  font-family: var(--nd-police, system-ui, -apple-system, "Segoe UI", sans-serif);
  font-size: 14px;
  line-height: 1.5;
  animation: nd-consentement-monte 0.35s cubic-bezier(.22, 1, .36, 1);
}
@keyframes nd-consentement-monte { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
.nd-consentement-titre {
  margin: 0 0 4px;
  font-family: var(--nd-police-titre, var(--nd-police, Georgia, serif));
  font-weight: 600;
  font-size: 16px;
}
.nd-consentement-corps { margin: 0 0 12px; color: var(--nd-doux, var(--nd-texte, #5A524C)); }
.nd-consentement-corps a { color: inherit; text-decoration: underline; }
.nd-consentement-boutons { display: flex; gap: 10px; }
.nd-consentement-btn {
  flex: 1 1 0;
  min-width: 0;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1.5px solid var(--nd-accent, #2B2522);
  background: transparent;
  color: var(--nd-texte, #2B2522);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
/* Les deux boutons sont IDENTIQUES (forme, taille, couleur) : la CNIL sanctionne les bandeaux
   qui mettent « Accepter » en avant. Le survol, lui, est le meme pour les deux. */
.nd-consentement-btn:hover { background: var(--nd-accent, #2B2522); color: var(--nd-sur-accent, #FFFFFF); }
.nd-consentement-btn:focus-visible { outline: 3px solid var(--nd-accent, #2B2522); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .nd-consentement { animation: none; } }