/* ============================================================
   TALENTUM — talent-page.css (Step 4.0)
   Styles de base communs à toutes les pages talents.
   Les styles de section (hero, identity, filmography, etc.)
   seront ajoutés en Steps 4.1 à 4.6.
   ============================================================ */

#talent-page {
  min-height: 100vh;
  background: var(--color-bg-primary);
}

/* Phase 13.6 — anti-CLS : les sections sont vides jusqu'au JSON du talent ;
   si le navigateur peint avant, le hero qui se remplit décale toute la page
   (CLS 0,42 desktop / 0,54 mobile mesurés). On ne réserve aucune hauteur
   (fragile, dépend du contenu) : la page reste invisible (fond off-white
   identique) jusqu'à ce que talentPageMain.js pose data-ready, après
   l'injection de toutes les sections. Navbar et footer sont hors de <main>. */
#talent-page:not([data-ready]) {
  visibility: hidden;
}

#talent-page > section {
  /* Step 7.11 (retouche) — c'est CETTE règle globale qui pilote vraiment l'espace vertical
     des sections (spécificité > #talent-hero). Compact mais avec un peu d'air (lg). */
  padding: var(--space-lg) clamp(1rem, 4vw, 4rem) var(--space-lg);
}

#talent-page > section[data-theme="dark"] {
  background: var(--color-bg-primary);
}

/* Sections light : fond off-white explicite (#talent-page opaque couvre le bg-layer) */
#talent-page > section[data-theme="light"] {
  background: var(--color-bg-light);
}

/* ----------------------------------------------------------------
   Placeholders Step 4.0 — supprimés section par section en 4.1–4.6
   ---------------------------------------------------------------- */

[data-talent-hook]:empty {
  min-height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 0.9rem;
  opacity: 0.4;
}

[data-theme="light"] [data-talent-hook]:empty {
  color: var(--color-text-secondary-light);
}

/* Sections dark vides (CTA, Flourish non encore construites) — supprime hook + padding section */
[data-theme="dark"] [data-talent-hook]:empty {
  min-height: 0;
  opacity: 0;
}

#talent-page > section[data-theme="dark"]:has([data-talent-hook]:empty) {
  padding-top: 0;
  padding-bottom: 0;
}