/**
 * Styles pour la barre de navigation latérale et les onglets de contenu
 * Ces styles uniformisent l'apparence des icônes Font Awesome dans toute la page
 */

/* Réinitialisation des styles pour les icônes Font Awesome partout dans la page */
.account-settings-menu-icon i:before,
.account-settings-content i:before,
.account-settings-tab-title i:before,
.account-settings-item i:before,
.account-settings-edit-actions i:before,
.account-settings-action i:before,
.account-settings-label i:before,
.account-settings-password-field i:before,
.account-settings-password-actions i:before,
.channel-card i:before,
.channel-actions i:before,
.awayout-calendar-property-link i:before,
.awayout-calendar-nav-btn i:before,
.awayout-modal-header i:before,
.awayout-form-actions i:before {
    /* Assurer que les icônes utilisent la police Font Awesome */
    font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
    /* Garantir que les icônes solid sont bien affichées */
    font-weight: 900;
}

/* Style spécifique pour les icônes regular partout */
.account-settings-menu-icon i.far:before,
.account-settings-content i.far:before,
.account-settings-tab-title i.far:before,
.account-settings-item i.far:before,
.account-settings-edit-actions i.far:before,
.account-settings-action i.far:before,
.account-settings-label i.far:before,
.account-settings-password-field i.far:before,
.account-settings-password-actions i.far:before,
.channel-card i.far:before,
.channel-actions i.far:before,
.awayout-calendar-property-link i.far:before,
.awayout-calendar-nav-btn i.far:before,
.awayout-modal-header i.far:before,
.awayout-form-actions i.far:before {
    font-weight: 400;
}

/* Style de base pour toutes les icônes */
.account-settings-menu-icon i {
    /* Couleur neutre pour toutes les icônes */
    color: #666;
    /* Taille uniforme */
    font-size: 16px;
    /* Espacement */
    margin-right: 10px;
    /* Éviter les problèmes d'affichage */
    display: inline-block;
    width: 16px;
    text-align: center;
}

/* Style pour les icônes dans les éléments actifs */
.account-settings-menu-item.active .account-settings-menu-icon i {
    /* Couleur accentuée pour l'élément actif */
    color: #F97C5A;
}

/* Style au survol */
.account-settings-menu-item:hover .account-settings-menu-icon i {
    /* Légère accentuation au survol */
    color: #F97C5A;
}

/* Correction spécifique pour l'icône de clé partout */
.account-settings-menu-icon i.fas.fa-key:before,
.account-settings-tab-title i.fas.fa-key:before,
.account-settings-password-field i.fas.fa-key:before,
.account-settings-password-actions i.fas.fa-key:before {
    content: "\f084" !important;
}

/* Correction spécifique pour l'icône de calendrier partout */
.account-settings-menu-icon i.far.fa-calendar:before,
.account-settings-tab-title i.fas.fa-calendar-alt:before,
.account-settings-content i.far.fa-calendar:before,
.account-settings-content i.fas.fa-calendar-alt:before,
.awayout-calendar-nav-btn i.fas.fa-calendar:before {
    content: "\f133" !important;
}

/* Correction spécifique pour l'icône d'utilisateur partout */
.account-settings-menu-icon i.far.fa-user:before,
.account-settings-tab-title i.fas.fa-user:before,
.account-settings-label i.fas.fa-user:before,
.account-settings-label i.fas.fa-user-circle:before,
.account-settings-item i.fas.fa-user:before,
.account-settings-item i.fas.fa-user-circle:before {
    content: "\f007" !important;
}

/* Correction spécifique pour l'icône d'engrenage partout */
.account-settings-menu-icon i.fas.fa-cog:before,
.account-settings-tab-title i.fas.fa-tools:before,
.account-settings-content i.fas.fa-cog:before,
.channel-card i.fas.fa-cog:before {
    content: "\f013" !important;
}

/* Correction spécifique pour l'icône d'édition partout */
.account-settings-action i.fas.fa-edit:before,
.account-settings-edit-actions i.fas.fa-edit:before {
    content: "\f044" !important;
}

/* Correction spécifique pour l'icône d'enregistrement partout */
.account-settings-edit-actions i.fas.fa-save:before,
.account-settings-password-actions i.fas.fa-save:before {
    content: "\f0c7" !important;
}

/* Correction spécifique pour l'icône d'annulation partout */
.account-settings-edit-actions i.fas.fa-times:before,
.awayout-modal-close i.fas.fa-times:before,
.awayout-form-actions i.fas.fa-times:before {
    content: "\f00d" !important;
}

/* Correction spécifique pour l'icône de vérification partout */
.account-settings-password-field i.fas.fa-check-circle:before,
.awayout-form-actions i.fas.fa-check:before {
    content: "\f058" !important;
}

/* Correction spécifique pour l'icône de verrou partout */
.account-settings-password-field i.fas.fa-lock:before {
    content: "\f023" !important;
}

/* Correction spécifique pour l'icône de verrou ouvert partout */
.account-settings-password-field i.fas.fa-lock-open:before {
    content: "\f3c1" !important;
}

/* Correction spécifique pour l'icône d'email partout */
.account-settings-label i.fas.fa-envelope:before {
    content: "\f0e0" !important;
}

/* Correction spécifique pour les icônes de navigation du calendrier */
.awayout-calendar-nav-btn.prev-month i.fas.fa-chevron-left:before {
    content: "\f053" !important;
}

.awayout-calendar-nav-btn.next-month i.fas.fa-chevron-right:before {
    content: "\f054" !important;
}

/* Correction spécifique pour les icônes de chargement (spinners) */
i.fas.fa-spinner:before,
i.fa.fa-spinner:before,
i.fa-solid.fa-spinner:before {
    content: "\f110" !important;
}

/* Animation pour les spinners */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

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

/* Style pour les loaders */
.awayout-loader,
.awayout-loading-indicator {
    display: inline-block;
    position: relative;
}

.awayout-loader i,
.awayout-loading-indicator i {
    color: #F97C5A !important;
    font-size: 24px;
}

/* Styles pour les messages de chargement */
.awayout-loading-message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    color: #666;
}

.awayout-loading-message i {
    margin-right: 10px;
}