/*
 * patch-typo.css — LCDE™ Dark Cosmos
 * Ordre : 4e après patch-orbes-lava.css
 * ADLaM Display · Jost · Cormorant Garamond · .card-dark
 *
 * Google Fonts :
 * <link href="https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Jost:wght@200;300;400&display=swap" rel="stylesheet">
 */

/* ══ CORRECTIONS GLOBALES — contraste & lisibilité ═══════════════════════════ */

/* Variables : textes plus foncés sur tout le site */
:root {
  --text-body:  #1e1826;   /* was #3a3038 */
  --text-muted: #4a3f52;   /* was #7a6e7e — bien plus lisible */
}

/* Base size */
html { font-size: 19px; }

body { font-size: 1rem; }

/* Paragraphes et corps de texte */
p, li {
  font-size: 1rem;
  line-height: 1.9;
}

/* Labels uppercase */
.label {
  font-size: .8rem;
  color: var(--text-muted);
}

/* Textes de cards */
.f-card-body,
.card-exp-text,
.card-body,
.consulting-body {
  font-size: 1rem;
}

/* Détails module formations */
.module-detail,
.module-name {
  font-size: .92rem;
}

/* Meta cards formations */
.card-meta-val,
.card-dates {
  font-size: .9rem;
}

/* Includes / bullets / N2 modal */
.includes-item,
.n2-bullets li,
.n2-description,
.n2-prix-note {
  font-size: .95rem;
}

/* Textes muted explicites — forcer lisibilité */
[style*="color:var(--text-muted)"],
[style*="color: var(--text-muted)"] {
  color: var(--text-muted) !important;
}

/* ══ TYPOGRAPHIE ══════════════════════════════════════════════════════════════ */

/* Titres : ADLaM Display (400 uniquement — pas de bold/italic) */
h1, h2, h3 {
  font-family: 'ADLaM Display', 'Cormorant Garamond', serif;
  font-weight: 400;
}

/* Corps : Jost 300 remplace Outfit */
body {
  font-family: 'Jost', 'Outfit', sans-serif;
  font-weight: 300;
}

/* Labels / nav : Jost 400 uppercase */
.label,
nav,
.nav-link,
.footer-strip,
.label-caps {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
}

/* Citations / accroches : Cormorant Garamond 300 italic */
em, blockquote, .accent-italic {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-style: italic;
}

/* ══ CARD-DARK — pages intérieures (fond clair) ═══════════════════════════════ */
/*
 * Appliqué sur : body.page-formations, body.page-methode, body.page-consulting
 * Bento cards, cards formations, accordéons méthode
 */

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark {
  background: rgba(28, 0, 52, 0.90);
  border: 1px solid rgba(160, 60, 255, 0.28);
  color: rgba(255, 252, 245, 0.92);
  transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  /* backdrop-filter: blur(12px); */
  /* -webkit-backdrop-filter: blur(12px); */
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark .label {
  color: rgba(210, 160, 255, 0.85);
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark :is(h2, h3) {
  color: rgba(255, 252, 245, 0.92);
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark p {
  color: rgba(255, 252, 245, 0.65);
}

/* Accordéons méthode */
body.page-methode .card-dark .acc-trigger { color: rgba(255, 252, 245, 0.92); }
body.page-methode .card-dark .acc-number  { color: rgba(210, 160, 255, 0.70); }

/* ══ CARD-DARK OPEN — fond clair teinté après 1 clic ══════════════════════════ */

/* Formations — fond turquoise clair */
body.page-formations .card-dark.open {
  background: rgba(200, 242, 240, 0.88);
  border-color: rgba(0, 180, 170, 0.25);
}

/* Méthode — fond jaune pâle */
body.page-methode .card-dark.open {
  background: rgba(255, 252, 210, 0.88);
  border-color: rgba(200, 170, 0, 0.22);
}

/* Consulting — fond blanc neutre */
body.page-consulting .card-dark.open {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(160, 60, 255, 0.18);
}

/* Texte sombre sur fond clair */
:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark.open {
  color: rgba(20, 10, 35, 0.92);
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark.open .label {
  color: rgba(80, 0, 160, 0.80);
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark.open :is(h2, h3) {
  color: rgba(20, 10, 35, 0.92);
}

:is(body.page-formations, body.page-methode, body.page-consulting) .card-dark.open p {
  color: rgba(20, 10, 35, 0.70);
}

/* Accordéons méthode — texte sombre à l'ouverture */
body.page-methode .card-dark.open .acc-trigger { color: rgba(20, 10, 35, 0.92); }
body.page-methode .card-dark.open .acc-number  { color: rgba(140, 100, 0, 0.70); }