/* ========================================
   FONT AWESOME ICON FIX & FALLBACK
   ======================================== */

/* Font Awesome yüklenmezse fallback */
.fa,
.fas,
.far,
.fal,
.fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

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

/* Ensure icons are visible */
i[class*="fa-"] {
    display: inline-block;
    min-width: 1em;
    text-align: center;
}

/* Force icon display */
.share-btn-compact i,
.share-btn-more i,
.faq-question i {
    display: inline-block !important;
    width: auto;
    height: auto;
}

/* Facebook icon fix */
.fa-facebook-f::before {
    content: "\f39e";
}

/* Instagram icon fix */
.fa-instagram::before {
    content: "\f16d";
}

/* Twitter/X icon fix */
.fa-x-twitter::before,
.fa-twitter::before {
    content: "\e61b";
    /* X icon */
}

/* WhatsApp icon fix */
.fa-whatsapp::before {
    content: "\f232";
}

/* LinkedIn icon fix */
.fa-linkedin-in::before {
    content: "\f0e1";
}

/* Email icon fix */
.fa envelope::before {
    content: "\f0e0";
}

/* Link icon fix */
.fa-link::before {
    content: "\f0c1";
}

/* Share icon fix */
.fa-share-alt::before {
    content: "\f1e0";
}

/* Ellipsis icon fix */
.fa-ellipsis-h::before {
    content: "\f141";
}

/* Question circle icon fix */
.fa-question-circle::before {
    content: "\f059";
}

/* Check icon fix */
.fa-check::before {
    content: "\f00c";
}

/* If Font Awesome fails completely, use Unicode symbols */
@supports not (content: "\f39e") {
    .fa-facebook-f::before {
        content: "f";
    }

    .fa-instagram::before {
        content: "📷";
    }

    .fa-x-twitter::before {
        content: "𝕏";
    }

    .fa-whatsapp::before {
        content: "💬";
    }

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

    .fa-envelope::before {
        content: "✉";
    }

    .fa-link::before {
        content: "🔗";
    }

    .fa-share-alt::before {
        content: "⤴";
    }

    .fa-ellipsis-h::before {
        content: "⋯";
    }
}