/* Ce qui signale une fonction réservée, dans l'application seulement (la page publique des
   tarifs recopie 16-offres-premium.css, pas celle-ci) : l'étoile posée sur un contrôle,
   l'invitation qui s'ouvre à son clic, la carte vers laquelle elle mène. Aucune couleur ici :
   `--premium` vient de 01-socle.css. */

/* La carte vers laquelle une invitation vient de mener : un anneau, sans changer sa taille
   (la grille garde ses trois cartes alignées). */
.offre-carte-invitee { box-shadow: 0 0 0 2px var(--premium), var(--shadow-card-sm); }

/* L'invitation devant une fonction réservée : étroite et centrée, un seul bouton. */
.invitation-offre {
  position: relative; max-width: 380px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  padding: var(--space-6) var(--space-5) var(--space-5);
}
.invitation-offre-fermer { position: absolute; top: var(--space-2); right: var(--space-2); min-width: 1.7rem; padding-inline: 0; }
.invitation-offre-etoile { color: var(--premium); display: inline-flex; }
.invitation-offre-titre { margin: 0; font-family: var(--font-serif); font-size: 1.3rem; color: var(--text-strong); }
.invitation-offre-texte { margin: 0; line-height: 1.45; }
.invitation-offre-accroche { margin: 0; font-size: 0.875rem; color: var(--muted); }
.invitation-offre-prix { margin: 0 0 var(--space-3); font-size: 0.875rem; font-weight: 600; color: var(--premium); }

/* L'étoile posée à côté (ou sous) un contrôle réservé : discrète, cliquable avec lui. */
.marque-premium {
  display: inline-flex; vertical-align: middle; margin-left: 0.3rem; color: var(--premium);
  pointer-events: none;
}
.marque-premium svg { width: 14px; height: 14px; }
.marque-premium.marque-premium-dessous { display: flex; justify-content: center; margin: var(--space-1) 0 0; }
.marque-premium[hidden] { display: none !important; }
/* Sur un bouton principal (fond or vers vert), l'or disparaîtrait : l'étoile prend la couleur
   du texte du bouton. */
.btn.primary .marque-premium { color: currentColor; }