/*
 * FILE: assets/css/font-override.css
 * HEADING: League Spartan (geometric, Futura/Kabel-inspired — matches holtsauto.com
 *           "futuraextra_black" headline font; free equivalent, Futura is commercial)
 * BODY:    Montserrat (geometric sans-serif — matches holtsauto.com "gothambook"/
 *           "gothambold" fonts; free equivalent, Gotham is commercial)
 *
 * Reference: fonts identified by inspecting computed styles + @font-face rules
 * on https://www.holtsauto.com/help-advice/
 *
 * HOW TO USE:
 *   Add ONE line to includes/layouts/head.php AFTER the frontend.css link:
 *   <link rel="stylesheet" href="<?php echo asset('css/font-override.css'); ?>">
 */

/* ── 1. Load fonts from Google ───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/* ── 2. CSS font variable overrides ─────────────────────────────────────── */
:root {
    --head: 'League Spartan', system-ui, sans-serif;
    --body: 'Montserrat',     system-ui, sans-serif;
}

/* ── 3. Universal font reset — Montserrat everywhere ─────────────────────── */
/*      Beats every hardcoded font declaration (original project fonts, etc.) */
* {
    font-family: 'Montserrat', system-ui, sans-serif !important;
}

/* ── 4. Restore Tabler Icons (must not be overridden) ───────────────────── */
i[class*="ti"],
.ti,
[class^="ti-"],
[class*=" ti-"] {
    font-family: 'tabler-icons' !important;
}

/* ── 5. H1 + H2: League Spartan Black — geometric, all-caps (Futura match) ── */
h1, h2, .h1, .h2 {
    font-family: 'League Spartan', system-ui, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: normal;
}

/* ── 5b. <em> inside headings — keep League Spartan, only colour changes ── */
/*        [em]text[/em] in hero headlines renders as <em> inside <h1>.       */
/*        The universal Montserrat reset would override the inherited        */
/*        League Spartan without this explicit rule.                        */
h1 em, h2 em, .h1 em, .h2 em,
.hinner h1 em, .hinner h2 em,
.px-inner h2 em, .px-inner h1 em {
    font-family: 'League Spartan', system-ui, sans-serif !important;
    font-weight: 900 !important;
}

/* ── 6. H3–H6: Montserrat Bold (product names, card titles, sub-headings) ── */
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-weight: 700 !important;
}

/* ── 7. Body text: Montserrat Regular ────────────────────────────────────── */
html, body,
p, li, td, th, dt, dd,
blockquote, figcaption, small, caption,
label, .form-label, input, textarea, select {
    font-weight: 400;
}

/* ── 8. Bold/strong inline text: Montserrat Bold ─────────────────────────── */
strong, b {
    font-weight: 700 !important;
}

/* ── 9. Buttons: Montserrat Bold ──────────────────────────────────────────── */
.btn,
button:not(.tool):not(.burger):not(.wa-fab):not(.wa-x):not(.dl-toggle):not(.dl-toggle2) {
    font-weight: 700;
    letter-spacing: normal;
}