/* =============================================================
   Cartes cadeaux : pages PUBLIQUES (CAHIER-CARTES-CADEAUX.md, section 6 ; src/views/cadeau-public.ts).
   Complète carte-publique.css (chargée avant) : mêmes jetons de couleur (--ink, --sand, --ochre...), même charte,
   aucun vert, aucun style en ligne (CSP). Page d'achat, « merci », conditions, rétractation, page imprimable.
   ============================================================= */

/* Montants : boutons radio présentés en pastilles, lisibles au clavier (le focus reste celui du navigateur). */
.cadeau-montants__choix { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 12px; }
.cadeau-montant {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px; border: 2px solid var(--ink); border-radius: 14px;
  background: var(--white); color: var(--ink); font-weight: 700; cursor: pointer;
}
.cadeau-montant input { width: 18px; height: 18px; accent-color: var(--ink); }
.cadeau-montant:has(input:checked) { background: var(--sand); }
.cadeau-libre { margin-top: 4px; }

.cadeau-mot { font-style: italic; }

/* Conditions de vente : bloc lisible, repliable à l'œil (hauteur bornée, défilement), texte complet. */
.cadeau-cgv {
  margin: 18px 0 10px; padding: 14px 16px; border: 2px solid var(--ink); border-radius: 14px;
  background: var(--white); max-height: 22rem; overflow-y: auto; font-size: 0.92rem; line-height: 1.5;
}
.cadeau-cgv--page { max-height: none; overflow: visible; }
.cadeau-cgv__entete { font-size: 1.05rem; margin: 0 0 8px; }
.cadeau-cgv__titre { font-size: 0.98rem; margin: 14px 0 4px; }
.cadeau-cgv__note, .cadeau-cgv__version { color: var(--ink-2); font-size: 0.85rem; }

.cadeau-accord__label { display: flex; gap: 10px; align-items: flex-start; font-weight: 600; }
.cadeau-accord__label input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--ink); }
.cadeau-stripe, .cadeau-obligation { font-size: 0.88rem; }
.cadeau-renoncer a { font-weight: 700; }

/* Page imprimable : la carte en encadré, le code en gros caractères à chasse fixe. */
.cadeau-carte {
  margin: 10px 0 18px; padding: 20px; border: 3px solid var(--ink); border-radius: 18px;
  background: var(--white); text-align: center;
}
.cadeau-carte__montant { font-family: var(--title); font-size: 1.5rem; margin: 0 0 4px; }
.cadeau-carte__chez { font-weight: 700; margin: 0 0 12px; }
.cadeau-carte__message { margin: 10px auto; max-width: 30rem; padding: 10px 14px; background: var(--sand); border-left: 4px solid var(--ochre); border-radius: 0 12px 12px 0; text-align: left; }
.cadeau-carte__code { margin: 16px 0; }
.cadeau-carte__code-titre { margin: 0; color: var(--ink-2); font-size: 0.9rem; }
.cadeau-carte__code-valeur { margin: 4px 0 10px; font-family: "Courier New", Courier, monospace; font-size: 1.6rem; font-weight: 700; letter-spacing: 2px; word-break: break-all; }
.cadeau-carte__qr { display: block; width: 190px; height: 190px; margin: 0 auto; }

@media print {
  .cartepub__retour, .cartepub__pied, .cartepub__langues, .cartepub__skip, .cadeau-imprimer { display: none !important; }
  .cadeau-carte { border-width: 2px; }
}

/* Démonstration (compte « demo », CAHIER-CARTES-CADEAUX.md, section 12) : bandeau, pastille « Exemple », aperçu du
   courriel. Rien n'y est payé ni envoyé ; la page le dit en clair. */
.cadeau-demo { border: 2px dashed var(--ink); border-radius: 14px; padding: 10px 14px; background: var(--sand); }
.cadeau-exemple {
  display: inline-block; margin: 0 0 8px; padding: 2px 10px; border: 2px solid var(--ink); border-radius: 999px;
  background: var(--sand); font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
}
.cadeau-carte--exemple { border-style: dashed; }
.cadeau-apercu { margin: 18px 0; padding: 16px; border: 2px solid var(--ink); border-radius: 14px; background: var(--white); }
.cadeau-apercu__titre { font-size: 1.05rem; margin: 0 0 10px; }
.cadeau-apercu__objet { font-weight: 700; }