/**
 * Fix Font Awesome Icons Display
 * Assure que les icônes Font Awesome s'affichent correctement
 */

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

/* Force le bon rendu des icônes */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.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;
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
}

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

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

/* Fix pour les icônes qui ne s'affichent pas */
[class^="fa-"],
[class*=" fa-"] {
    font-family: inherit;
}

.fa-th::before { content: "\f00a"; }
.fa-smile::before { content: "\f118"; }
.fa-palette::before { content: "\f53f"; }
.fa-spa::before { content: "\f5bb"; }
.fa-spray-can::before { content: "\f5bd"; }
.fa-magic::before { content: "\f0d0"; }
.fa-soap::before { content: "\e06e"; }
.fa-heart::before { content: "\f004"; }
.fa-shopping-cart::before { content: "\f07a"; }
.fa-times-circle::before { content: "\f057"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-image::before { content: "\f03e"; }
.fa-question-circle::before { content: "\f059"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-search::before { content: "\f002"; }
.fa-check::before { content: "\f00c"; }
.fa-check-circle::before { content: "\f058"; }
.fa-exclamation-triangle::before { content: "\f071"; }
.fa-spinner::before { content: "\f110"; }
.fa-info-circle::before { content: "\f05a"; }
.fa-exclamation-circle::before { content: "\f06a"; }
.fa-undo::before { content: "\f0e2"; }

/* Animation spinner */
.fa-spin {
    animation: fa-spin 1s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}