/*
  CARAVELLI COSTRUZIONI
  Couche FINITION V23 — geste haute couture (beauté · couleur · prestige)

  100 % additive, chargée en dernier. Aucune métrique de mise en page n'est
  bousculée (pas de largeurs/marges modifiées) : zéro risque de casse.
  Trois gestes : détail typographique, bronze métallique « feuille d'or » sur
  les accents, et profondeur tonale/matière sur les fonds sombres.
*/

/* ─────────────────────────────────────────────────────────────
   1 · DÉTAIL TYPOGRAPHIQUE (métriquement neutre, donc sûr)
───────────────────────────────────────────────────────────── */
.display, .h2, .hero-h1, .sf-t, .proj-nm, .ph-h1, .pj-h1, .merci-h, .tsti-q {
  font-feature-settings: "kern" 1, "liga" 1, "dlig" 1, "calt" 1, "swsh" 1;
  font-optical-sizing: auto;
  font-kerning: normal;
}
/* Corps de texte : chiffres bas-de-casse (oldstyle) — élégance d'imprimerie */
.lead, .body, p.body, .pensee-body-inner p, .proj-ovt, .tsti-a, .folco-body, .about-p {
  font-feature-settings: "kern" 1, "liga" 1, "onum" 1, "pnum" 1;
  font-variant-numeric: oldstyle-nums proportional-nums;
}
/* Données, indices, prix, années : chiffres alignés tabulaires (rigueur) */
.fig-v, .proj-number, .chapitre-num, .est-res-t, .tl-d, .pm-rule, .ldot + *, .bc-s {
  font-feature-settings: "kern" 1, "lnum" 1, "tnum" 1;
  font-variant-numeric: tabular-nums lining-nums;
}

/* ─────────────────────────────────────────────────────────────
   2 · BRONZE MÉTALLIQUE « FEUILLE D'OR » sur les accents
   Réservé aux micro-étiquettes et aux grands chiffres — jamais sur
   les grands titres (la sobriété fait le prestige).
   Garde @supports : sans le support du clip-texte, la couleur bronze
   pleine est conservée → AUCUN texte invisible.
───────────────────────────────────────────────────────────── */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .proj-number, .fig-v, .chapitre-num {
    background-image: linear-gradient(135deg,
      #7E5C38 0%, #A98654 28%, #D8BE8A 50%, #A98654 72%, #8A6A43 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }
}

/* Petites étiquettes : bronze solide CONTRASTÉ (WCAG AA ≥ 4.5:1), adapté au
   fond — bronze foncé sur clair (6.08:1), bronze clair sur sombre (7.9:1).
   Le métallique reste réservé aux grands chiffres ci-dessus. */
.eyebrow, .kicker, .proj-cat, .vg-sub {
  color: #6E5230 !important;
  -webkit-text-fill-color: #6E5230 !important;
  background-image: none !important;
}
.sec--noir .eyebrow, .sec--noir .kicker, .sec--noir .proj-cat, .sec--noir .vg-sub,
.cine .eyebrow, .cine .kicker, .folco .eyebrow, footer .eyebrow, .ft .eyebrow,
.hero .eyebrow, .hero-ey {
  color: #C9A86B !important;
  -webkit-text-fill-color: #C9A86B !important;
  background-image: none !important;
}

/* Point « live » : éclat bronze chaud */
.live-dot {
  background: radial-gradient(circle at 35% 30%, #D8BE8A, #A98654 55%, #8A6A43) !important;
  box-shadow: 0 0 0 4px rgba(169,134,84,.16), 0 0 14px rgba(169,134,84,.35);
}

/* Filets séparateurs : hairline bronze qui s'éteint sur les bords */
.sep, .ft-top, .ft-bot {
  border: 0 !important;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(169,134,84,.5), transparent) !important;
}

/* ─────────────────────────────────────────────────────────────
   3 · PROFONDEUR TONALE & MATIÈRE sur les fonds sombres
   Halo chaud en haut, encre profonde en bas, voile minéral :
   le vert cesse d'être plat, il devient une matière.
───────────────────────────────────────────────────────────── */
.sec--noir, .cine, .folco, footer, .ft, .est-res, .hero {
  background:
    radial-gradient(120% 80% at 18% -10%, rgba(169,134,84,.10), transparent 42%),
    radial-gradient(140% 120% at 80% 120%, rgba(49,72,58,.30), transparent 55%),
    linear-gradient(155deg, var(--bt-vert-encre) 0%, var(--bt-vert-nuit) 72%) !important;
}

/* Léger lustre satiné en tête de section sombre (mat/brillant) */
.sec--noir, footer, .ft, .est-res {
  box-shadow:
    inset 0 100px 150px -120px rgba(242,235,221,.08),
    inset 0 -220px 260px -150px rgba(14,26,20,.62);
}

/* Capitales d'étiquette : crénage aéré (lisibilité ciselée) */
.eyebrow, .kicker, .proj-cat, .sc-t, .fig-l, .vg-sub, .pj-sec-n, .bc-s {
  letter-spacing: .28em;
}

/* ─────────────────────────────────────────────────────────────
   Accessibilité : mouvement réduit → halo statique (rien à animer ici)
───────────────────────────────────────────────────────────── */
@media (max-width: 760px) {
  /* sur petit écran, on tempère le halo bronze pour rester sobre */
  .sec--noir, .cine, .folco, footer, .ft, .est-res, .hero {
    background:
      radial-gradient(160% 120% at 80% 120%, rgba(49,72,58,.26), transparent 58%),
      linear-gradient(160deg, var(--bt-vert-encre) 0%, var(--bt-vert-nuit) 76%) !important;
  }
}