/* =========================================================
   sasangraphic — Global font configuration (single source)

   The ONLY @font-face declarations for the website. Loaded on
   every front-end page (sg-fonts is a dependency of sg-style
   and of the auth pages), so no other stylesheet needs to
   redeclare these faces.

   Persian → Vazirmatn   (variable, wght 100-900)
   Latin   → Montserrat  (variable, wght 100-900)

   The unicode-range split makes mixed Persian/Latin text
   render naturally: Persian glyphs (incl. Persian digits and
   ZWNJ) use Vazirmatn, everything Latin uses Montserrat —
   from a single font-family stack.
   ========================================================= */

:root {
  --sg-font-fa: "Vazirmatn", "Montserrat", system-ui, sans-serif;
}

@font-face {
  font-family: "Vazirmatn";
  src:
    url("../fonts/Vazirmatn-VariableFont_wght.ttf") format("truetype-variations"),
    url("../fonts/Vazirmatn-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  /* Persian / Arabic script, Persian digits, ZWNJ-ZWJ */
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}

@font-face {
  font-family: "Montserrat";
  src:
    url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype-variations"),
    url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  /* Latin script, digits, punctuation (em-dash, quotes, ©, …) */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+FEFF, U+FFFD;
}

/* ---- Global application -------------------------------------
   body carries the stack (beats Blocksy's :root system stack
   on every page); form controls opt back into inheritance so
   checkout/account/product inputs are not left on the browser
   default font. Icon fonts (Woo "woo"/"star"/"WooCommerce",
   sg icon SVGs) are untouched — these rules target elements,
   never ::before pseudo glyphs. */
body {
  font-family: var(--sg-font-fa);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Blocksy-rendered components that pin their own font stack */
.ct-button-secondary-text,
.ct-button-primary-text,
.select2-container .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-dropdown {
  font-family: var(--sg-font-fa);
}
