/* Styles pour la structure multilingue */

/* Sélecteur de langue */
.language-selector {
    position: relative;
    display: flex;
    align-items: center;
}

.language-selector select {
    appearance: none;
    padding: 0.5rem 2rem 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: var(--bg-light);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.language-selector select:hover {
    border-color: var(--primary-green);
}

.language-selector::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 10px;
    pointer-events: none;
    font-size: 0.8rem;
    color: var(--text-dark);
}

/* Classes pour les contenus multilingues */
[lang] {
    display: none; /* Cacher tous les contenus linguistiques par défaut */
}

[lang="fr"] {
    display: block; /* Afficher le français par défaut */
}

html[lang="en"] [lang="en"],
html[lang="de"] [lang="de"],
html[lang="it"] [lang="it"] {
    display: block; /* Afficher la langue sélectionnée */
}

html[lang="en"] [lang="fr"],
html[lang="de"] [lang="fr"],
html[lang="it"] [lang="fr"],
html[lang="fr"] [lang="en"],
html[lang="fr"] [lang="de"],
html[lang="fr"] [lang="it"],
html[lang="en"] [lang="de"],
html[lang="en"] [lang="it"],
html[lang="de"] [lang="en"],
html[lang="de"] [lang="it"],
html[lang="it"] [lang="en"],
html[lang="it"] [lang="de"] {
    display: none; /* Cacher les autres langues */
}

/* Adaptation des styles pour le multilingue */
html[lang="de"] .hero h1,
html[lang="de"] h2,
html[lang="it"] .hero h1,
html[lang="it"] h2 {
    font-size: 90%; /* Réduire légèrement la taille pour les langues avec des mots plus longs */
}

@media (max-width: 768px) {
    .language-selector select {
        padding: 0.4rem 1.5rem 0.4rem 0.8rem;
        font-size: 0.8rem;
    }
}