/* ---------------------------------------------------------------------------
   Font Awesome local font faces - offline icon fix
   ---------------------------------------------------------------------------
   index.html loads DarkForums_files/fa.css (the "Font Awesome 6 Pro" build).
   That build loads its glyph fonts from the relative folder "webfonts/",
   which was missing from DarkForums_files/, so the browser could not resolve
   any icon font and every <i class="fa-solid fa-..."> was painted as an empty
   square (tofu).

   Fix:
     1. DarkForums_files/webfonts/ now contains the official free
        Font Awesome 6.5.2 webfonts (fa-solid-900, fa-regular-400,
        fa-brands-400, fa-v4compatibility, woff2 + ttf). fa.css already points
        to exactly those file names, so its own @font-face rules work again.
     2. The font families that the theme asks for but fa.css does not declare
        are declared below ("Font Awesome 5 Free" is used by core.css,
        "Font Awesome 6 Sharp" is used by fa.css selectors).
     3. "Font Awesome 6 Pro" weights 100/300 (thin/light) and the duotone 900
        face are Pro-only and cannot be published, therefore
        webfonts/fa-thin-100.*, webfonts/fa-light-300.* and
        webfonts/fa-duotone-900.* are copies of the free solid font so those
        requests resolve instead of showing empty boxes.
   --------------------------------------------------------------------------- */

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

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

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

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

/* fa-circle-dollar exists only in the Pro set (U+F2E8, not shipped in the free
   font). Fall back to the free "circle-dollar-to-slot" / donate glyph U+F4F9
   so the two links on the index page keep an icon instead of a square. */
.fa-circle-dollar:before {
    content: "\f4f9";
}