/* Font Awesome Fallback and Fix */
.fa, .fas, .far, .fab, .fal, .fad, .fa-solid, .fa-regular, .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    speak: none;
}

.fa-solid, .fas {
    font-weight: 900;
}

.fa-regular, .far {
    font-weight: 400;
}

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

/* Ensure icons are visible */
i[class*="fa-"], 
i[class^="fa-"], 
i[class*=" fa-"] {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    vertical-align: middle;
}

/* Force icon visibility */
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
    display: inline-block;
}