/* =====================================================================
   Typographie de marque — Metrics & Decisions
   AUCUNE police en dehors de la liste approuvée :
   Avenir · Montserrat · Century Gothic · Poppins · Aptos
   (ni Georgia, ni Arial, ni monospace système, ni Source Sans / Raleway)

   Ce fichier est chargé APRÈS les feuilles existantes pour neutraliser
   toutes les anciennes déclarations.
   ===================================================================== */

:root {
    /* Hauteur réelle de la navbar fixe, mesurée en JS (voir sections/nav.blade.php).
       Cette valeur de repli sert avant que le script ne s'exécute. */
    --nav-h: 100px;

    /* Texte courant et titres */
    --font-brand: 'Montserrat', 'Avenir Next', 'Avenir', 'Century Gothic', 'Aptos', sans-serif;
    /* Labels, kickers et compteurs : contraste typographique, toujours dans la liste */
    --font-alt:   'Poppins', 'Century Gothic', 'Avenir Next', 'Avenir', 'Aptos', sans-serif;

    /* Alias de compatibilité : les sections déclarent localement --mono / --serif.
       On les redirige vers les polices approuvées pour qu'aucune autre ne subsiste. */
    --font-mono:  var(--font-alt);
    --font-serif: var(--font-brand);
}

/* ---- Police de marque partout ---- */
html, body,
button, input, select, textarea, optgroup,
h1, h2, h3, h4, h5, h6,
p, a, span, li, ul, ol, div, label, td, th, tr, table,
blockquote, figcaption, small, strong, b, i, em, cite, dt, dd,
nav, header, footer, section, article, aside, main, form, fieldset, legend {
    font-family: var(--font-brand) !important;
}

/* Montserrat porte un peu plus large : on resserre légèrement les grands titres */
h1, h2, h3 { letter-spacing: -0.02em; }

/* Neutralise les règles !important héritées de styl15.css (.contact, footer -> Arial).
   Même spécificité mais chargée plus tard : cette déclaration l'emporte. */
.contact, .contact *,
footer, footer * {
    font-family: var(--font-brand) !important;
}

/* ---- Labels, kickers et compteurs : Poppins (remplace l'ancienne monospace) ---- */
.hz-kicker, .hz-count,
.partners-count,
.blogx-kicker, .blogx-row__num, .blogx-row__meta,
.blog-pager, .blog-pager__num, .blog-pager__nav, .blog-pager__dots,
.slx-kicker, .slx-tab__num, .slx-slide__num,
.sv-kicker, .svc__band, .svc__num,
.abx-eyebrow, .abx-tab__num,
.hd-kicker, .hd-caption__num,
.tst-count, .wc-step,
.snd-eyebrow {
    font-family: var(--font-alt) !important;
}

/* ---- Accents autrefois en serif italique : désormais Montserrat italique ---- */
.hz-title em,
.abx-title em,
.slx-band__title em, .slx-feat__title em,
.sv-hero__title em {
    font-family: var(--font-brand) !important;
    font-style: italic;
    font-weight: 500;
}
.abx-title, .slx-band__title, .hd-title {
    font-family: var(--font-brand) !important;
}

/* ---- Icônes : ne jamais écraser les polices d'icônes ---- */
.fa, .fas, .fal, .fad, [class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
}
.fab, i.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}
.la, .las, .lar, .lab, [class^="la-"], [class*=" la-"] {
    font-family: "Line Awesome Free", "LineAwesome" !important;
}