/* ------------------------------------------------------------------ *
 *  Pilier Anges — outil « Mon ange gardien »                          *
 *  Mécanique propre au module uniquement (date de naissance + carte    *
 *  d'identité de l'ange). Champs, boutons, gate, upsell et tokens      *
 *  --cda-* viennent du socle partagé (tirage.css) : rien n'est          *
 *  redéfini ici.                                                       *
 * ------------------------------------------------------------------ */

/* Sélecteurs de date : jour + mois côte à côte (le reste de l'habillage
   des <select> est déjà porté par le socle). */
.cda-tirage .cda-ange-date {
  display: flex;
  gap: 10px;
}

.cda-tirage .cda-ange-jour { flex: 0 0 34%; }
.cda-tirage .cda-ange-mois { flex: 1 1 auto; }

/* Carte de révélation de l'ange (identité, gratuite) : même traitement que
   les autres encarts de résultat (cf. .cda-gate / .cda-upsell du socle). */
.cda-tirage .cda-ange-carte {
  padding: clamp(22px, 3vw, 28px) 18px;
  border: 1px solid var(--cda-border-accent);
  border-radius: var(--radius);
  background: var(--cda-gate);
  text-align: center;
}

.cda-tirage .cda-ange-intro {
  margin: 0 0 6px;
  color: var(--cda-kicker);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cda-tirage .cda-ange-nom {
  margin: 0 0 6px;
  font-family: var(--font-serif);
  font-size: clamp(1.9rem, 5vw, 2.3rem);
  font-weight: 500;
  line-height: 1.1;
  color: var(--cda-heading);
}

.cda-tirage .cda-ange-meta {
  margin: 0;
  color: var(--cda-muted);
  font-size: .78rem;
}

/* Message personnel (réutilise .cda-interpretation / .is-blurred du socle). */
.cda-tirage .cda-ange-message {
  white-space: pre-line; /* préserve les sauts de paragraphe du texte IA */
}