/* ============================================================
   APERÇU BILAN — FIN DE PARCOURS COMPAS
   COMPAS-CHARTE-CLAIR-V2 — 2026-07-18
   Charger APRÈS charte_clair.css (ou inline après ses tokens).
   Mappe les classes réelles de bilan_v33.html injectées
   dans .rapport-web-card (compas_chat.html).
   ============================================================ */

/* ---------- Numéros de section (.opener .num) ---------- */
.rapport-web-card .opener .num,
.bilan-apercu .opener .num,
.bilan-apercu .numero-section,
.bilan-apercu .section-num {
  font-family: 'Cormorant', 'Cormorant Garamond', serif;
  font-weight: 300;
  color: var(--or-texte) !important;   /* #7C5E2A — 5.6:1 sur #FFFFFF */
}

/* ---------- Numéros de liste (.liste-num : 01 02 03) ---------- */
.rapport-web-card .liste-num,
.bilan-apercu .liste-num,
.bilan-apercu .item-num {
  color: var(--or-texte) !important;
  font-weight: 600;
}

/* ---------- Étiquettes (kicker : "Ton portrait") ---------- */
.rapport-web-card .opener .kicker,
.rapport-web-card .carte-kicker,
.bilan-apercu .etiquette,
.bilan-apercu .eyebrow {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--or-texte) !important;
}

/* ---------- Titres de section (h2) ---------- */
.rapport-web-card .opener h2,
.rapport-web-card .carte-titre-principal,
.bilan-apercu h2,
.bilan-apercu .titre-section {
  font-family: 'Cormorant', 'Cormorant Garamond', serif;
  font-weight: 400;
  color: var(--texte) !important;
}

/* ---------- Sous-titres items (.liste-label / h3) ---------- */
.rapport-web-card .liste-label,
.bilan-apercu .liste-label,
.bilan-apercu .item-titre,
.bilan-apercu h3 {
  font-family: 'Cormorant', 'Cormorant Garamond', serif;
  font-weight: 400;
  font-style: italic;
  color: var(--texte) !important;
}

/* ---------- Corps de texte (p) ---------- */
.rapport-web-card p,
.rapport-web-card .corps p,
.rapport-web-card .liste-desc,
.rapport-web-card .liste-conclusion,
.bilan-apercu p,
.bilan-apercu .item-corps {
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  line-height: 1.78;
  color: var(--texte) !important;
}

/* ---------- Citation exergue (.cle) ---------- */
.rapport-web-card .cle,
.bilan-apercu blockquote,
.bilan-apercu .exergue {
  font-family: 'Cormorant', 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--texte) !important;        /* texte noir — filet reste or décoratif */
  border-left: 2px solid var(--or-deco); /* #C8A96E en filet : autorisé */
  padding-left: 20px;
}

/* ---------- Filets horizontaux ---------- */
.rapport-web-card hr,
.bilan-apercu hr,
.bilan-apercu .filet {
  border: none;
  border-top: 1px solid var(--or-filet);
}

/* ---------- Carte conteneur ---------- */
.rapport-web-card,
.bilan-apercu {
  background: #FFFFFF;
  border: 1px solid var(--or-filet);
  border-radius: var(--rayon-bulle);
  box-shadow: var(--ombre);
}

/* ---------- Section CTA clôture (fond sombre #1A1A1A) ----------
   Sur fond sombre, #C8A96E est lisible (7.3:1) — règle ne s'applique pas.
   On garantit la lisibilité des textes clairs. */
.rapport-web-card .cloture-wrap,
.bilan-apercu .cloture-wrap {
  background: var(--texte) !important;  /* #1A1A1A */
  color: var(--fond) !important;
  border-radius: 16px;
  padding: 32px 36px;
}
.rapport-web-card .cloture-etape,
.bilan-apercu .cloture-etape {
  color: var(--or-deco) !important;     /* or plein lisible sur #1A1A1A : 7.3:1 */
}
.rapport-web-card .cloture-titre,
.bilan-apercu .cloture-titre {
  color: var(--fond) !important;
}
.rapport-web-card .cloture-txt,
.bilan-apercu .cloture-txt {
  color: #E8E4DC !important;
}
.rapport-web-card .cloture-lien a,
.bilan-apercu .cloture-lien a {
  color: var(--or-deco) !important;     /* or plein sur fond sombre : 7.3:1 */
}
.rapport-web-card .cloture-inner,
.bilan-apercu .cloture-inner {
  border-top: 1px solid var(--or-deco) !important;
  border-bottom: 1px solid var(--or-deco) !important;
}

/* ---------- CTA bouton ---------- */
.bilan-apercu .cta,
.saisie button,
button#send-btn {
  background: var(--bouton-fond) !important;   /* #C8A96E en fond */
  color: var(--bouton-texte) !important;        /* #15100A — 8.3:1 */
  border: none;
  border-radius: var(--rayon);
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
}
button#send-btn:disabled {
  background: #D9CDB4 !important;
  color: var(--texte-doux) !important;          /* #4A4438 — 6.8:1 sur #D9CDB4 */
  cursor: not-allowed;
}