/**
 * Système de traduction bilingue AptoraAI
 * Assure un affichage correct des éléments selon la langue
 */

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

/* Afficher seulement les éléments de la langue active */
html[lang="fr"] .lang-fr,
html[data-lang="fr"] .lang-fr,
.lang-fr.active {
    display: inline !important;
}

html[lang="en"] .lang-en,
html[data-lang="en"] .lang-en,
.lang-en.active {
    display: inline !important;
}

/* Support pour les éléments block */
html[lang="fr"] .lang-fr.block,
html[data-lang="fr"] .lang-fr.block,
.lang-fr.active.block {
    display: block !important;
}

html[lang="en"] .lang-en.block,
html[data-lang="en"] .lang-en.block,
.lang-en.active.block {
    display: block !important;
}

/* Support pour les éléments inline-block */
html[lang="fr"] .lang-fr.inline-block,
html[data-lang="fr"] .lang-fr.inline-block,
.lang-fr.active.inline-block {
    display: inline-block !important;
}

html[lang="en"] .lang-en.inline-block,
html[data-lang="en"] .lang-en.inline-block,
.lang-en.active.inline-block {
    display: inline-block !important;
}

/* Support pour les éléments flex */
html[lang="fr"] .lang-fr.flex,
html[data-lang="fr"] .lang-fr.flex,
.lang-fr.active.flex {
    display: flex !important;
}

html[lang="en"] .lang-en.flex,
html[data-lang="en"] .lang-en.flex,
.lang-en.active.flex {
    display: flex !important;
}

/* Transition douce pour les changements de langue */
.lang-fr, .lang-en {
    transition: opacity 0.2s ease-in-out;
}

/* Amélioration visuelle du changement de langue */
.lang-switching .lang-fr,
.lang-switching .lang-en {
    opacity: 0.7;
}

/* Règles spéciales pour les titres HTML - CSS ne peut pas affecter les titres directement */
/* Ces règles servent de documentation pour le JavaScript */