/* ── BDI Custom Font Awesome ─────────────────────────────────────────────────
 * Self-hosted subset — only the 25 icons actually used in the portal.
 * Upload this file to /beta/
 * Upload the 2 woff2 files to /beta/fonts/
 *   fa-solid-900.woff2
 *   fa-brands-400.woff2
 *
 * In every HTML page replace the CDN <link> with:
 *   <link rel="stylesheet" href="fa-custom.css">
 * ─────────────────────────────────────────────────────────────────────────── */

/* ── Base styles ──────────────────────────────────────────────────────────── */
.fa-solid, .fas, .fa-brands, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

/* ── Solid font face ──────────────────────────────────────────────────────── */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/fa-solid-900.woff2') format('woff2');
}
.fa-solid, .fas {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

/* ── Brands font face ─────────────────────────────────────────────────────── */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/fa-brands-400.woff2') format('woff2');
}
.fa-brands, .fab {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
}

/* ── Utility classes ──────────────────────────────────────────────────────── */
.fa-spin  { animation: fa-spin 2s infinite linear; }
.fa-pulse { animation: fa-spin 1s infinite steps(8); }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* ── Solid icons ──────────────────────────────────────────────────────────── */
.fa-bullhorn::before          { content: "\f0a1"; }
.fa-calendar::before          { content: "\f133"; }
.fa-calendar-plus::before     { content: "\f271"; }
.fa-camera::before            { content: "\f030"; }
.fa-check::before             { content: "\f00c"; }
.fa-chevron-left::before      { content: "\f053"; }
.fa-chevron-right::before     { content: "\f054"; }
.fa-compass::before           { content: "\f14e"; }
.fa-crosshairs::before        { content: "\f05b"; }
.fa-eye::before               { content: "\f06e"; }
.fa-face-grin-stars::before   { content: "\f587"; }
.fa-fire::before              { content: "\f06d"; }
.fa-fire-flame-curved::before { content: "\e1e0"; }
.fa-gem::before               { content: "\f3a5"; }
.fa-hand-holding-dollar::before { content: "\e263"; }
.fa-microchip::before         { content: "\f2db"; }
.fa-paint-roller::before      { content: "\f5aa"; }
.fa-paw::before               { content: "\f1b0"; }
.fa-rotate::before            { content: "\f2f1"; }
.fa-shield-halved::before     { content: "\f3ed"; }
.fa-spinner::before           { content: "\f110"; }
.fa-star::before              { content: "\f005"; }
.fa-terminal::before          { content: "\f120"; }
.fa-tower-broadcast::before   { content: "\e2d3"; }
.fa-users::before             { content: "\f0c0"; }
.fa-xmark::before             { content: "\f00d"; }

/* ── Brand icons ──────────────────────────────────────────────────────────── */
.fa-discord::before { content: "\f392"; }
.fa-tiktok::before  { content: "\e07b"; }
.fa-twitch::before  { content: "\f1e8"; }
.fa-youtube::before { content: "\f167"; }

/* ── Additional solid icons ──────────────────────────────────────────────── */
.fa-brain::before { content: "\f5dc"; }
.fa-computer::before { content: "\e4e5"; }
.fa-gamepad::before { content: "\f11b"; }
.fa-handshake-angle::before { content: "\f4c4"; }
.fa-masks-theater::before { content: "\f630"; }
.fa-user-shield::before { content: "\f505"; }
.fa-wand-magic-sparkles::before { content: "\e2ca"; }

/* ── Additional brand icons ──────────────────────────────────────────────── */
.fa-bluesky::before { content: "\e671"; }
.fa-instagram::before { content: "\f16d"; }
.fa-threads::before { content: "\e619"; }
.fa-x-twitter::before { content: "\e61b"; }

/* ── Additional solid icons (batch 2) ────────────────────────────────────── */
.fa-bell::before { content: "\f0f3"; }
.fa-circle-info::before { content: "\f05a"; }
.fa-crown::before { content: "\f521"; }
.fa-pause::before { content: "\f04c"; }
.fa-reply::before { content: "\f3e5"; }
.fa-user-slash::before { content: "\f506"; }