/* --- CSS DU MENU --- */
.lang-dropdown {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    margin: 20px;
}
.lang-selected {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
}
.flag-img { width: 20px; height: auto; }
.lang-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 150px;
    z-index: 1000;
}
.lang-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-decoration: none;
    color: #333;
}
.lang-list a:hover { background: #f0f0f0; }
.lang-dropdown:hover .lang-list { display: block; }

/* --- MASQUAGE BARRE GOOGLE --- */
.VIpgJd-ZVi9od-ORHb-OEVmcd, .goog-te-banner-frame, #goog-gt-tt, #google_translate_element {
    display: none !important;
}
/* Ajustement spécifique pour le menu mobile */
@media (max-width: 991px) {
    .mobile-lang {
        margin: 10px 0 !important;
        display: block;
        width: 100%;
    }
    .mobile-lang .lang-selected {
        justify-content: space-between; /* Met la flèche à droite */
        width: 100%;
        background: rgba(255,255,255,0.1); /* Optionnel : léger fond pour mobile */
        border-color: rgba(255,255,255,0.2);
        color: white; /* Si votre menu mobile est sombre */
    }
    .mobile-lang .lang-list {
        position: relative; /* Sur mobile, on pousse le contenu au lieu de flotter par-dessus */
        width: 100%;
        box-shadow: none;
        background: #f8f9fa;
    }
}

/* Masquer le sélecteur de langue dans le menu quand le menu mobile est ouvert */
@media (max-width: 991px) {
    .navbar-collapse.show .lang-dropdown {
        opacity: 0;
        pointer-events: none;
    }
}