/*!
 * Material Symbols (Outlined) - self-hosted
 *
 * Source: https://fonts.google.com/icons (Google Fonts v2 API, full variable
 * axis range: opsz 20-48, wght 100-700, FILL 0-1, GRAD -50-200).
 * File: assets/fonts/material-symbols/material-symbols-outlined.woff2
 *
 * Plain hand-written CSS, not part of the SCSS/Bootstrap build (no
 * Bootstrap variables needed here) - registered as its own style handle
 * in inc/enqueue.php, loaded on every page like Font Awesome (filterable
 * via 'bootscore_child/load_material_symbols'), not preloaded: the file
 * is ~3.9MB (the full 2500+ symbol set), so forcing it into the critical
 * path would hurt LCP - font-display: swap means text falls back to the
 * plain icon NAME until the font arrives, never invisible text.
 *
 * Usage: bootscore_child_material_symbol('home') (inc/theme-support.php),
 * or by hand: <span class="material-symbols-outlined">home</span> -
 * find icon names at https://fonts.google.com/icons.
 */

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/material-symbols/material-symbols-outlined.woff2") format("woff2");
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Values come from custom properties (Theme Settings > UI's > Material
   * Symbols -> assets/css/material-symbols-settings.css, a generated file
   * loaded right after this one) - the var() fallback (2nd argument) is
   * what applies before that file has ever been generated/enqueued. */
  font-variation-settings:
    "FILL" var(--bs-child-ms-fill, 0),
    "wght" var(--bs-child-ms-wght, 400),
    "GRAD" var(--bs-child-ms-grad, 0),
    "opsz" var(--bs-child-ms-opsz, 24);
  vertical-align: middle;
}

/* Modifier classes - combine as needed, e.g. class="material-symbols-outlined ms-fill ms-lg" */
.material-symbols-outlined.ms-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" var(--bs-child-ms-wght, 400),
    "GRAD" var(--bs-child-ms-grad, 0),
    "opsz" var(--bs-child-ms-opsz, 24);
}

.material-symbols-outlined.ms-sm  { font-size: 18px; }
.material-symbols-outlined.ms-lg  { font-size: 36px; }
.material-symbols-outlined.ms-xl  { font-size: 48px; }