/**
 * Styles pour le support multilingue de Facedownnet
 */

/* Sélecteur de langue */
.language-item {
    position: relative;
}

.language-dropdown {
    min-width: 180px;
}

.language-option {
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.language-option.active {
    background-color: rgba(0, 119, 182, 0.1);
    font-weight: 600;
}

.language-flag {
    width: 20px;
    height: 15px;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.language-name {
    flex-grow: 1;
}

/* Support RTL (Right-to-Left) pour l'arabe */
body.rtl {
    direction: rtl;
    text-align: right;
}

body.rtl .logo,
body.rtl .menu,
body.rtl .footer-menu {
    flex-direction: row-reverse;
}

body.rtl .logo i {
    margin-right: 0;
    margin-left: 0.5rem;
}

body.rtl .menu li {
    margin-right: 0;
    margin-left: 1rem;
}

body.rtl .menu li:last-child {
    margin-left: 0;
}

body.rtl .dropdown-content {
    right: 0;
    left: auto;
}

body.rtl .language-flag {
    margin-right: 0;
    margin-left: 10px;
}

body.rtl .feature-icon {
    margin-right: 0;
    margin-left: 1rem;
}

body.rtl .download-steps li::before {
    margin-right: 0;
    margin-left: 10px;
}

body.rtl .footer-menu li {
    margin-right: 0;
    margin-left: 1.5rem;
}

body.rtl .footer-menu li:last-child {
    margin-left: 0;
}

/* Ajustements pour les langues asiatiques (chinois) */
html[lang="zh"] {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

/* Ajustements pour l'hindi */
html[lang="hi"] {
    font-family: "Noto Sans Devanagari", "Mangal", sans-serif;
}

/* Ajustements pour l'arabe */
html[lang="ar"] {
    font-family: "Noto Sans Arabic", "Tahoma", sans-serif;
}

/* Styles pour les drapeaux dans le sélecteur de langue */
.dropdown-toggle .fa-globe {
    color: var(--primary-color);
    margin-right: 5px;
}

body.rtl .dropdown-toggle .fa-globe {
    margin-right: 0;
    margin-left: 5px;
}

/* Animation de transition pour les changements de langue */
[data-i18n] {
    transition: opacity 0.2s ease-in-out;
}

.language-changing [data-i18n] {
    opacity: 0.5;
}

/* Styles responsifs pour le sélecteur de langue */
@media (max-width: 768px) {
    .language-dropdown {
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
    }
    
    .language-option {
        padding: 12px;
    }
    
    .language-flag {
        width: 24px;
        height: 18px;
    }
}

/* Créer un dossier pour les drapeaux */
.flags-directory-notice {
    display: none;
}