/* 
 * Font Awesome Fallback CSS optimisé pour ASWOT
 * Charge uniquement si le CDN Font Awesome échoue
 */

/* Assurer que Font Awesome fonctionne correctement */
.fas, .fab, .far, .fa {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: optimizeSpeed;
    line-height: 1 !important;
}

/* Spécifique pour les brands */
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Icônes spécifiques avec codes Unicode Font Awesome */
.fa-globe:before { content: "\f0ac"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-paper-plane:before { content: "\f1d8"; }
.fa-eye:before { content: "\f06e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-facebook:before { content: "\f09a"; }
.fa-instagram:before { content: "\f16d"; }
.fa-linkedin:before { content: "\f08c"; }
.fa-tiktok:before { content: "\e07b"; }

/* Styles de base pour les icônes */
.icon-fallback {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
}

/* Assurer que les icônes sont visibles même sans Font Awesome */
.nav-link i, .btn i, .social-link i, .method-icon i {
    min-width: 1em;
    text-align: center;
}

/* Style pour les icônes dans la navigation */
.language-btn i {
    margin-right: 0.25em;
}

/* Style pour les icônes dans les boutons */
.btn i {
    margin-right: 0.5em;
}

/* Style pour les icônes sociales */
.social-link i {
    font-size: 1.2em;
}

/* Assurer la visibilité des icônes dans le thème */
.widget i,
.icon i {
    display: inline-block !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
}