/* =====================================================================
 * mwi-fonts.css -- self-hosted Frank Ruhl Libre (2026-08-08)
 * ---------------------------------------------------------------------
 * WHY THIS FILE EXISTS
 *
 * The site pulled Frank Ruhl Libre from Google via the v1 `css?family=`
 * endpoint, and LiteSpeed's CSS combine inlines that response after fetching
 * it SERVER-SIDE with a non-browser User-Agent. Google answers an unknown UA
 * with the LEGACY payload: plain .ttf faces, no `unicode-range`, latin only.
 *
 * Consequence, verified in the live page on 2026-08-08: the Turkish-specific
 * glyphs are simply absent from the font that ships --
 *     g s I G S   (U+011F, U+015F, U+0130, U+011E, U+015E)
 * -- so every Turkish word containing them fell back to a different typeface
 * mid-word. Harmless while Frank Ruhl Libre was only on the EN homepage;
 * fatal the moment it becomes the site-wide family.
 *
 * Frank Ruhl Libre is a VARIABLE font: Google serves one file per subset
 * covering weights 300-700, so self-hosting costs two files (65KB total) and
 * removes a render-blocking third-party request at the same time.
 *
 * Files live in mwi-assets/fonts/ and are enqueued from mwi-motion-loader.php
 * on its own hook (priority 14 -- before every other mwi sheet, so the face is
 * declared before anything asks for it).
 *
 * Licence: SIL Open Font Licence 1.1 -- self-hosting is expressly permitted.
 * ===================================================================== */

/* latin-ext FIRST: it carries the Turkish glyphs. Order is irrelevant to the
 * cascade here (unicode-range decides), but keeping it first makes the intent
 * of this file obvious to the next person who opens it. */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonts/frankruhllibre-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
                 U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonts/frankruhllibre-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ---------------------------------------------------------------------
 * ONE PLACE TO CHANGE THE SITE TYPEFACE
 *
 * Every hardcoded family inside mwi-*.css now reads one of these two vars
 * instead of naming a font directly. Retype the value here and the whole
 * custom layer follows; Elementor's own per-widget settings stay independent
 * and keep overriding it, which is the point -- the panel still wins.
 * ------------------------------------------------------------------- */
:root {
  --mwi-font-heading: 'Frank Ruhl Libre', Georgia, 'Iowan Old Style', serif;
  --mwi-font-body:    'Frank Ruhl Libre', Georgia, serif;
  /* Kept so the homepage heroes can stay on their own display face without
   * hunting through Elementor data for it. Nothing else may use this. */
  --mwi-font-hero:    'Merienda One', 'Merienda', cursive;
}
