/**
 * SYSTÈME DE LANGUE APTORAAI - CSS COHÉRENT
 * Styles pour l'affichage des langues
 */

/* Masquer par défaut tous les éléments de langue */
.lang-fr,
.lang-en {
    display: none !important;
}

/* Afficher les éléments de la langue active */
.lang-fr.active,
.lang-en.active {
    display: inline !important;
}

/* Pour les éléments block */
.lang-fr.active.block,
.lang-en.active.block {
    display: block !important;
}

/* Pour les éléments flex */
.lang-fr.active.flex,
.lang-en.active.flex {
    display: flex !important;
}

/* Bouton de langue */
#lang-button-text,
#lang-button-text-mobile {
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Animation de transition */
.lang-fr,
.lang-en {
    transition: opacity 0.3s ease;
}

/* Indicateur de changement de langue */
.language-changing {
    opacity: 0.7;
    pointer-events: none;
}

/* Styles pour les éléments cachés par Tailwind */
.lang-fr.force-show,
.lang-en.force-show {
    display: inline !important;
}

.lang-fr.force-show.block,
.lang-en.force-show.block {
    display: block !important;
}

.lang-fr.force-show.flex,
.lang-en.force-show.flex {
    display: flex !important;
}