/* =============================================================================
   nk-home.css — HOMEPAGE NOOKTAILS
   -----------------------------------------------------------------------------
   NETTOYAGE 2026-07-18 : le v14 (≈19 Ko) stylait une home BESPOKE désormais
   DISPARUE. La page d'accueil a été migrée sur le DESIGN SYSTEM à composants
   (conteneur .nk-hub.nk-home rendu par le shortcode [nooktails_home] +
   nk-hero / nk-summary / nk-topics / nk-principle / nk-editorial-image /
   nk-problems / nk-guides / nk-newsletter). Ces composants sont stylés par
   06-cluster.css (la nouvelle DA), PAS par ce fichier.

   Vérifié en live (rendu réel, vue connectée) : sur TOUTES les pages, AUCUN
   élément du DOM ne correspond aux anciennes classes bespoke
   (.nk-page/.nk-prob/.nk-tools/.nk-explorer/.nk-sel/.nk-approach/.nk-news/
   .nk-rub-card/.nk-guide-card/.nk-trust/.nk-tool-card/.nk-btn/.nk-wrap/
   .nk-section-head/.nk-eyebrow/.nk-hero--cover). Legacy 100 % mort, retiré
   (le fichier était enqueue à l'échelle du site → ≈19 Ko servis pour rien).

   Seule règle CONSERVÉE : la respiration sous la section guides. C'est le seul
   sélecteur encore vivant (.nk-guides existe dans la nouvelle home) ; elle donne
   l'air nécessaire avant l'image éditoriale plein cadre qui suit (celle-ci a
   margin-top:0 → sans ce padding les cartes guides collent l'image). La valeur
   est inlinée (clamp) pour ne plus dépendre des anciens tokens locaux supprimés.
============================================================================= */

.nk-guides {
  padding-block-start: 0;
  padding-block-end: clamp(56px, 6vw, 88px);
}

/* =============================================================================
   HOME V8 — alignement sur la DA GOLDEN (anti-tell IA)
   -----------------------------------------------------------------------------
   La home est rendue par [nooktails_home] dans .nk-hub.nk-home. Elle N'A PAS le
   scope .nk-decision → elle retombe sur le base pillar.css, qui conserve encore
   des tells « card » (carte vedette arrondie à DÉGRADÉ décoratif, vignette
   encadrée arrondie, contrôles newsletter arrondis + ombre). On les tue ICI, à
   la source, scopé .nk-home (ce fichier est enqueue site-wide → le scope garantit
   0 fuite sur les autres templates). 100% tokens --nt-*, 0 !important (la
   spécificité .nk-home .X (0,2,0) bat le base pillar .X (0,1,0), et nk-home.css
   charge APRÈS nt-cluster). Diagnostic live 2026-07-18 : le reste de la home est
   déjà V8 (fond #16161A, titres Fraunces, corps Newsreader, eyebrows or Inter,
   hero photo full-bleed radius 0) — on ne touche qu'aux offenders mesurés.
============================================================================= */

/* 1 · VIGNETTES = PHOTO ÉDITORIALE (radius 0, 0 bordure, 0 ombre).
   Base pillar posait border 1px + radius-sm → cadre-image « card ». Doctrine
   fondateur : la vignette home EST la référence photo éditoriale (radius 0). */
.nk-home .nk-card__thumb-wrap {
  border: 0;
  border-radius: 0;
}
.nk-home .nk-item--thumb > a:hover .nk-card__thumb-wrap {
  border-color: transparent;   /* neutralise le hover « bordure accentuée » du base pillar */
}

/* 2 · CARTE VEDETTE → FEATURE ÉDITORIAL (plus de boîte arrondie à dégradé).
   Base pillar : border 1px + radius-md + background linear-gradient = combo de
   tells IA (carte arrondie + aplat dégradé décoratif). On remplace par un filet
   de tête (signal éditorial premium, calque le tempo golden .nk-decision). Le
   titre reste en gros serif (fs-h2) → la vedette demeure hiérarchiquement forte,
   sans boîte. Lien et image conservés. */
.nk-home .nk-item--feature {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  border-block-start: 1px solid var(--nt-line);
  padding-block-start: var(--nt-space-md);
}
.nk-home .nk-item--feature .nk-card__thumb-wrap {
  margin-block-start: var(--nt-space-sm);
}

/* 3 · NEWSLETTER → contrôles ÉDITORIAUX (radius 0, 0 ombre).
   Neutralise l'arrondi + l'ombre portée des champs/bouton (tell « widget SaaS »),
   sans toucher au maillage ni au libellé a11y. */
.nk-home .nk-newsletter :is(input, button) {
  border-radius: 0;
  box-shadow: none;
}

/* 4 · PRINCIPLE = moment éditorial de MARQUE (voix Nooktails).
   BUG mesuré (live 2026-07-18, computed) : la home rend .nk-principle SANS le
   scope .nk-decision → le label retombait sur la primitive eyebrow pillar.css
   (.nk-principle__label groupé L41 : font-family:--nt-font-ui = INTER, uppercase,
   12px) = tell « libellé UI générique » au lieu de la voix éditoriale serif.
   On refait le principle À LA SOURCE, scopé .nk-home, en DÉCLINANT le principle
   golden (.nk-decision : label = sur-titre discret + citation = climax serif) à
   l'échelle home. 0 !important (.nk-home .X = 0,2,0 > pillar 0,1,0 ; nk-home.css
   charge après nt-cluster). 100% tokens --nt-*. Or BANNI ici (filet neutre). */
.nk-home .nk-principle {
  padding-block: clamp(3rem, 7vw, 4.8rem);          /* respiration éditoriale GÉNÉREUSE : le vide isole le moment de marque (calque golden, vs 34px serré). Whitespace > filet = restraint premium, 0 or déco. */
}
.nk-home .nk-principle__label {
  font-family: var(--nt-font-heading);              /* Fraunces (était Inter) */
  font-variant-caps: small-caps;                    /* kicker petites-caps serif */
  text-transform: none;                             /* neutralise l'uppercase pillar → vraies petites-caps */
  letter-spacing: .05em;
  font-size: .95rem;
  font-weight: 500;
  color: var(--nt-text-muted);
}
.nk-home .nk-principle__quote p {
  font-style: normal;                               /* upright serif = statement propre (calque golden, vs italic pillar) */
  font-size: clamp(1.5rem, 3.4vw, 2.05rem);         /* la citation devient la LIGNE-statement du bloc */
  line-height: 1.34;
  letter-spacing: 0;
  max-width: 30ch;                                  /* longueur de ligne éditoriale */
  margin-inline: auto;
  color: var(--nt-text-strong);
  text-wrap: balance;
}

/* 5 · TOUTES les cartes de la home (hubs « Nos univers », problèmes, guides &
   sélections) = petite flèche OR au survol (demande fondateur 23/07). Calque le
   pattern golden déjà utilisé pour .nk-hero__cta et .nk-decision .nk-topics__list
   (guides) : titre reste blanc au hover (base pillar L220, or jugé "cheap" sur le
   texte), SEULE la flèche devient or + grossit légèrement. .nk-card__t est le
   titre PARTAGÉ par .nk-topics__list/.nk-problems__grid/.nk-guides__list → une
   seule règle au scope .nk-home couvre les 3 listes, pas de duplication. */
.nk-home .nk-card__t::after {
  content: "\2192";
  margin-inline-start: .45em;
  font-size: .62em;
  color: var(--nt-text-faint);
  opacity: .55;
  display: inline-block;
  vertical-align: middle;
  transition: opacity .3s, transform .3s, color .3s;
}
/* Le titre lui-même doit bouger, pas juste la flèche (signalé : affordance de survol
   invisible). Reprend le pattern golden .nk-decision .nk-topics__list>li:hover
   (translateX .5rem, même cubic-bezier) — décliné, pas réinventé. */
.nk-home .nk-item {
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
.nk-home .nk-item:hover {
  transform: translateX(.5rem);
}
.nk-home .nk-item > a:hover .nk-card__t::after {
  opacity: 1;
  color: var(--nt-gold);
  transform: translateX(.3em) scale(1.22);
}