/**
 * Font Awesome 7 Pro Plus — the 6 families bundled into this plugin (Solid / Regular / Light /
 * Brands / Jelly / Jelly Fill). Self-hosted webfonts (assets/fonts/fontawesome/), NO external CDN.
 *
 * Icons are rendered as a raw glyph inside <i class="lms-fa lms-fa-<family>">&#x<unicode>;</i>
 * (the family class only sets font-family + weight) — so no per-icon utility CSS is needed.
 * window.LMSP.FaIcon (JS) + LMSP\Content\FaIcon (PHP) emit that markup from a stored
 * {family,name,unicode} value.
 */

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../fonts/fontawesome/fa-light-300.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 7 Jelly";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-jelly-regular-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 7 Jelly Fill";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-jelly-fill-regular-400.woff2") format("woff2");
}

.lms-fa {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* font-family is forced with !important: the admin panel (and many themes) set a global font
   stack that otherwise overrides these icon classes, leaving the glyph as a .notdef box. */
.lms-fa-solid     { font-family: "Font Awesome 7 Pro" !important; font-weight: 900 !important; }
.lms-fa-regular   { font-family: "Font Awesome 7 Pro" !important; font-weight: 400 !important; }
.lms-fa-light     { font-family: "Font Awesome 7 Pro" !important; font-weight: 300 !important; }
.lms-fa-brands    { font-family: "Font Awesome 7 Brands" !important; font-weight: 400 !important; }
.lms-fa-jelly     { font-family: "Font Awesome 7 Jelly" !important; font-weight: 400 !important; }
.lms-fa-jellyFill { font-family: "Font Awesome 7 Jelly Fill" !important; font-weight: 400 !important; }