/* ==========================================================================
   EliteBlocc — Self-hosted Font Declarations
   File: assets/css/eb-fonts.css
   Version: 3.2 — Display type is now a STATIC Archivo Expanded Black (no variable axes / no font-stretch); Switzer self-hosted (upright + true italic).
                  Trial faces (Druk Wide Heavy / Soehne) removed.

   FONT FILES ON DISK (self-hosted only — no CDN, no Google Fonts, no @import)
   ─────────────────────────────────────────────────────────────────────
   assets/fonts/archivo/ArchivoExpanded-Black.woff2 -> Archivo Expanded (SIL OFL) static wght900/wdth125
   assets/fonts/switzer/Switzer-Variable.woff2        -> Switzer        (ITF FFL) wght 100-900
   assets/fonts/switzer/Switzer-VariableItalic.woff2  -> Switzer italic (ITF FFL) wght 100-900
        Switzer is free for commercial use (ITF Free Font License). Licence bundled
        at assets/fonts/switzer/FFL.txt. Self-hosted woff2 — no CDN.

   USAGE
   ─────────────────────────────────────────────────────────────────────
   var(--eb-font-display)  Archivo Expanded (static black). Render with the family
                           alone — no font-stretch, no variable axes.
   var(--eb-font-body)     Switzer — all other text (headings, body, UI, labels).
   var(--eb-font-mono)     Switzer — replaces all legacy monospace label usage.
   ========================================================================== */

/* -- Archivo Expanded — display (STATIC, pre-baked Black + Expanded) -------
   A single static instance (wght 900 / wdth 125) of the Archivo variable font,
   so headlines need NO font-stretch or variable-axis resolution — it simply
   renders the expanded black face. This removes the variable-width rendering
   path that, combined with the old clip-mask, sheared the hero headline. */
@font-face{
  font-family:'Archivo Expanded';
  src:url('../fonts/archivo/ArchivoExpanded-Black.woff2') format('woff2');
  font-weight:100 900;     /* one instance — maps every weight to the black face */
  font-style:normal;
  font-display:swap;
}

/* -- Switzer — body / UI (variable: weight) ------------------------------- */
@font-face{
  font-family:'Switzer';
  src:url('../fonts/switzer/Switzer-Variable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Switzer';
  src:url('../fonts/switzer/Switzer-VariableItalic.woff2') format('woff2');
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
}

/* -- Transitional aliases ----------------------------------------------------
   Legacy page CSS (sustainability, technical-hub, product-hub, contact,
   download-centre, about) still hardcodes the old family names in per-section
   --font declarations. These aliases map the OLD names onto the NEW files so
   those pages render correctly with zero churn while each is migrated to
   var(--eb-font-*) one at a time. Remove an alias once no literal remains.
   (The homepage has already been migrated and does NOT rely on these.) */
@font-face{ font-family:'Sohne';    src:url('../fonts/switzer/Switzer-Variable.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face{ font-family:'Sohne';    src:url('../fonts/switzer/Switzer-VariableItalic.woff2') format('woff2'); font-weight:100 900; font-style:italic; font-display:swap; }
@font-face{ font-family:'DrukWide'; src:url('../fonts/archivo/ArchivoExpanded-Black.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }

/* -- CSS custom properties ------------------------------------------------ */
:root{
  --eb-font-display: 'Archivo Expanded', 'Arial Narrow', Impact, sans-serif;
  --eb-font-body:    'Switzer', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --eb-font-mono:    'Switzer', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* -- Elementor overrides -------------------------------------------------- */
body,
.elementor-widget-container{ font-family: var(--eb-font-body) !important; }
h1, h2, h3, h4, h5, h6{ font-family: var(--eb-font-body); }
.elementor-heading-title{ font-family: var(--eb-font-body) !important; }
button,
.elementor-button,
.elementor-button-wrapper .elementor-button{ font-family: var(--eb-font-body) !important; }