/* FontAwesome Unicode Fallbacks */
/* This provides Unicode symbol fallbacks when FontAwesome doesn't load */

/* Common icons with Unicode fallbacks */
.fa-house::before, .fa-home::before {
    content: "\1F3E0"; /* 🏠 House emoji */
}

.fa-star::before {
    content: "\2605"; /* ★ Star */
}

.fa-cart-shopping::before, .fa-shopping-cart::before {
    content: "\1F6D2"; /* 🛒 Shopping cart */
}

.fa-user::before {
    content: "\1F464"; /* 👤 User */
}

.fa-sack-dollar::before, .fa-money-bag::before {
    content: "\1F4B0"; /* 💰 Money bag */
}

.fa-money-bill::before {
    content: "\1F4B5"; /* 💵 Dollar bill */
}

.fa-id-card-clip::before, .fa-id-card::before {
    content: "\1F4C7"; /* 📇 Card index */
}

.fa-right-to-bracket::before, .fa-sign-in::before {
    content: "\27A1"; /* ➡ Right arrow */
}

.fa-right-from-bracket::before, .fa-sign-out::before {
    content: "\27A0"; /* ➠ Right arrow from bar */
}

.fa-circle-xmark::before, .fa-times-circle::before {
    content: "\274C"; /* ❌ Cross mark */
}

.fa-check-circle::before {
    content: "\2705"; /* ✅ Check mark */
}

/* Discord and Steam fallbacks */
.fa-discord::before {
    content: "\1F4AC"; /* 💬 Speech balloon */
}

.fa-steam::before {
    content: "\2699"; /* ⚙ Gear */
}

/* Apply fallback styling */
.fa-solid::before, .fa-brands::before, .fa-regular::before {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    width: 1em;
    text-align: center;
}

/* Override when FontAwesome is actually loaded */
@supports (font-family: "Font Awesome 6 Free") {
    .fa-solid::before, .fa-brands::before, .fa-regular::before {
        font-family: inherit;
        content: "";
    }
}
