/**
 * Template-owned override for com_j2commerce's media/com_j2commerce/css/site/
 * fontawesome-faces.css, which declares font-display: block for all three
 * Font Awesome 6 webfont families (core file -- do not edit per project rules).
 * block means invisible text until the font loads; swap paints the fallback
 * glyph immediately and swaps in the real glyph when the font arrives.
 *
 * Same family/weight/style/src as the core rules, loaded AFTER them via
 * head.php so these declarations win for font matching. No extra network
 * request -- the browser already cached each woff2 from the core file.
 */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../../../vendor/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"),
         url("../../../../vendor/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../../../vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"),
         url("../../../../vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"),
         url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype");
}