/* Selettore lingue (WPML nel menu): riquadro compatto + nome della lingua leggibile.
   Prima: riquadro da 240px con sole bandierine e nessun nome. */

/* Desktop: dropdown */
#top-menu li.wpml-ls-item > ul.sub-menu {
    width       : auto;
    min-width   : 140px;
    left        : auto;
    right       : 0;
}
#top-menu li.wpml-ls-item > ul.sub-menu li {
    width : 100%;
}
#top-menu li.wpml-ls-item > ul.sub-menu li a {
    display     : flex;
    align-items : center;
    gap         : 10px;
    width       : auto;
    padding     : 8px 16px !important;
    line-height : 20px;
    font-size   : 14px;
    color       : rgba(0, 0, 0, 0.7);
    white-space : nowrap;
}
#top-menu li.wpml-ls-item > ul.sub-menu li a:hover {
    color            : rgba(0, 0, 0, 0.9);
    background-color : rgba(0, 0, 0, 0.05);
}
#top-menu li.wpml-ls-item > ul.sub-menu li a img.wpml-ls-flag {
    width  : 20px;
    height : auto;
    margin : 0;
}

/* Nome della lingua (testo non presente nel markup del selettore: solo bandiera) */
.wpml-ls-item-it > a::after { content : "Italiano"; }
.wpml-ls-item-en > a::after { content : "English"; }
.wpml-ls-item-fr > a::after { content : "Français"; }
.wpml-ls-item-es > a::after { content : "Español"; }

/* Voce principale nell'intestazione: resta solo la bandiera (grafica invariata) */
#top-menu > li.wpml-ls-item > a::after {
    content : none;
}

/* Menu mobile: bandiera + nome, stesso colore delle altre voci */
#mobile_menu1 li.wpml-ls-item > a {
    display     : flex;
    align-items : center;
    gap         : 10px;
}
#mobile_menu1 li.wpml-ls-item > a img.wpml-ls-flag {
    width  : 22px;
    height : auto;
}