/* Font Awesome Fallback CSS - Только если FontAwesome не загрузился */

/* Проверяем, загружен ли FontAwesome */
@supports (font-family: "Font Awesome 6 Free") {
    /* Если FontAwesome загружен, не используем fallback */
    .fa, .fas, .far, .fab {
        /* Оставляем как есть - FontAwesome работает */
    }
}

/* Fallback только если FontAwesome НЕ загружен */
@supports not (font-family: "Font Awesome 6 Free") {
    .fas, .fa-solid, .fa-regular, .fa-brands, .fa {
        font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro", sans-serif;
        font-weight: 900;
        font-style: normal;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .fa-regular {
        font-weight: 400;
    }
    
    /* Fallback иконки только если FontAwesome не работает */
    .fa-bars::before { content: "☰"; }
    .fa-user::before { content: "👤"; }
    .fa-sign-in-alt::before { content: "→"; }
    .fa-sign-out-alt::before { content: "←"; }
    .fa-user-plus::before { content: "👤+"; }
    .fa-moon::before { content: "🌙"; }
    .fa-sun::before { content: "☀"; }
    .fa-desktop::before { content: "🖥"; }
    .fa-cog::before { content: "⚙"; }
    .fa-bell::before { content: "🔔"; }
    .fa-chevron-down::before { content: "▼"; }
    .fa-chevron-up::before { content: "▲"; }
    .fa-chevron-left::before { content: "◀"; }
    .fa-chevron-right::before { content: "▶"; }
    .fa-home::before { content: "🏠"; }
    .fa-server::before { content: "🖥"; }
    .fa-handshake::before { content: "🤝"; }
    .fa-headset::before { content: "🎧"; }
    .fa-wallet::before { content: "💳"; }
    .fa-rocket::before { content: "🚀"; }
    .fa-bolt::before { content: "⚡"; }
    .fa-shield-alt::before { content: "🛡"; }
    .fa-chart-line::before { content: "📈"; }
    .fa-expand-arrows-alt::before { content: "↔"; }
    .fa-dollar-sign::before { content: "$"; }
    .fa-check::before { content: "✓"; }
    .fa-check-circle::before { content: "✓"; }
    .fa-arrow-right::before { content: "→"; }
    .fa-plus-circle::before { content: "+"; }
    .fa-user-circle::before { content: "👤"; }
    .fa-clock::before { content: "🕐"; }
}

/* Size variants */
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.33em; }
.fa-xl { font-size: 1.5em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }

/* Spacing utilities */
.me-1 { margin-right: 0.25rem; }
.me-2 { margin-right: 0.5rem; }
.me-3 { margin-right: 1rem; }
.ms-1 { margin-left: 0.25rem; }
.ms-2 { margin-left: 0.5rem; }
.ms-3 { margin-left: 1rem; }