/* ========== FONT AWESOME FALLBACK ========== */
/* Fallback CSS if CDN fails - Prevents icons showing as special characters */

/* Font Awesome Solid Icons */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    src: url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-solid-900.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-solid-900.woff') format('woff');
    font-display: swap;
}

/* Font Awesome Regular Icons */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    src: url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-regular-400.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-regular-400.woff') format('woff');
    font-display: swap;
}

/* Font Awesome Brands Icons */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    src: url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-brands-400.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v6.4.0/webfonts/fa-brands-400.woff') format('woff');
    font-display: swap;
}

/* Ensure proper icon rendering */
.fas, .far, .fal, .fab, .fa,
[class*="fa-"] {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', Arial, sans-serif !important;
    font-weight: 900 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    speak: none !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.far {
    font-weight: 400 !important;
}

.fab {
    font-family: 'Font Awesome 6 Brands' !important;
    font-weight: 400 !important;
}