/**
 * Font Awesome Free 6.7.2 — font faces only.
 *
 * Joomla ships FA's icon CSS at media/vendor/fontawesome-free/css/fontawesome.min.css
 * (loaded as the core `fontawesome` asset) but compiles it WITHOUT any @font-face
 * block — the declarations live only in the unbuilt scss/ sources. On their own the
 * core classes therefore resolve to glyph code points with no font to draw them.
 * This file supplies the three faces from Joomla's own webfonts directory, plus the
 * per-style weights that live in solid.scss / regular.scss / brands.scss.
 *
 * It replaces the cdnjs copy of all.min.css the template used to load, so the icons
 * are self-hosted and pinned to the same 6.7.2 Joomla already ships.
 */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    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 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    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 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"),
         url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype");
}

.fa-solid,
.fas,
.fa {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.fa-regular,
.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/*
 * Brand glyph map — the six brand icons this template actually uses.
 *
 * Joomla's bundled fontawesome.min.css carries the core rule
 * `.fa-brands:before { content: var(--fa) }` and the name->glyph map for the
 * SOLID/REGULAR set only; no brand name appears in it (grep it for "facebook"
 * — zero hits). The brand webfont ships (webfonts/fa-brands-400.woff2) and the
 * @font-face above loads it, but without a --fa value each brand class renders
 * an empty box. The CDN all.min.css used to supply this map.
 *
 * Codepoints taken from media/vendor/fontawesome-free/scss/_variables.scss
 * ($fa-var-*), so they stay pinned to the same 6.7.2 Joomla ships.
 * Adding a new brand icon to a layout means adding its line here too.
 */
.fa-facebook-f  { --fa: "\f39e"; }
.fa-instagram   { --fa: "\f16d"; }
.fa-pinterest-p { --fa: "\f231"; }
.fa-tiktok      { --fa: "\e07b"; }
.fa-x-twitter   { --fa: "\e61b"; }
.fa-youtube     { --fa: "\f167"; }