/* Font Awesome Icon Fix - Ensure icons display properly */

/* Force load Font Awesome fonts */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/* Reset and base styles for all icons */
i,
.fa,
.fab,
.fas,
.far,
.fal,
.fad,
.fa-brands {
    -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 icons */
.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* Brand icons */
.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* Regular icons */
.far,
.fa-regular {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* Ensure icons are visible */
i[class*="fa-"],
i[class*="fa "] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Header icons */
.social-media-top i,
.talk i {
    font-size: 16px !important;
    margin-right: 5px;
}

.social-media-top a {
    display: inline-block;
    margin: 0 5px;
}

/* Footer icons */
footer i.fa,
footer i.fab,
footer i.fas,
footer i[class*="fa-"] {
    display: inline-block !important;
    vertical-align: middle;
    visibility: visible !important;
}

footer ul li i {
    font-size: 18px !important;
}

footer .footer-logo-part i {
    margin-right: 8px;
}

/* Specific icon fixes with unicode */
.fa-facebook-f::before {
    content: "\f39e";
}

.fa-facebook::before {
    content: "\f09a";
}

.fa-instagram::before {
    content: "\f16d";
}

.fa-youtube::before {
    content: "\f167";
}

.fa-linkedin-in::before {
    content: "\f0e1";
}

.fa-linkedin::before {
    content: "\f08c";
}

.fa-twitter::before {
    content: "\f099";
}

.fa-square-x-twitter::before {
    content: "\e61a";
}

.fa-whatsapp::before {
    content: "\f232";
}

.fa-phone::before {
    content: "\f095";
}

.fa-phone-volume::before {
    content: "\f2a0";
}

.fa-envelope::before {
    content: "\f0e0";
}

.fa-map-marker::before {
    content: "\f3c5";
}

.fa-caret-right::before {
    content: "\f0da";
}

/* Top bar icons */
.topBar i {
    display: inline-block !important;
    font-size: 14px;
}

/* Ensure brand icons in header display */
.social-media-top .fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
}