/**
 * Estilos del Selector de Idiomas - MAPS TIC
 */

.wpmulti-switcher-container {
    margin: 10px 0;
    display: inline-block;
}

.wpmulti-lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.wpmulti-lang-item {
    position: relative;
    padding-bottom: 3px;
}

.wpmulti-lang-item a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.wpmulti-lang-item a:hover {
    opacity: 0.7;
}

.wpmulti-lang-item.is-active {
    border-bottom: 2px solid #0073aa; /* Color corporativo de WordPress */
}

.wpmulti-switcher-flag {
    width: 22px;
    height: auto;
    display: block;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Responsivo: En pantallas pequeñas solo mostramos la bandera */
@media (max-width: 480px) {
    .wpmulti-lang-name {
        display: none;
    }
    .wpmulti-lang-list {
        gap: 10px;
    }
}
/* Ajustes específicos para el switcher dentro de menús de cabecera */
.maps-menu-switcher .wpmulti-switcher-container {
    margin: 0;
    vertical-align: middle;
}

.maps-menu-switcher .wpmulti-lang-list {
    gap: 10px;
}

/* Evita que el tema aplique estilos de enlace estándar a las banderas */
.maps-menu-switcher > a {
    background: none !important;
    padding: 0 !important;
}

.maps-menu-switcher .wpmulti-lang-name {
    font-size: 0.9em;
}
/* Elimina estilos de enlace del tema cuando el item es el switcher */
.is-maps-switcher > a {
    pointer-events: none; /* El enlace base no hace nada */
    cursor: default;
    background: none !important;
    display: block;
}
/* Contenedor principal del selector */
.lang-switcher-parent > a {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

/* Estilo del desplegable */
.lang-switcher-parent .sub-menu {
    border-top: 3px solid #0073aa !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}

.lang-switcher-parent .sub-menu li a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 20px !important;
    font-size: 14px;
    text-transform: uppercase;
}

.lang-switcher-parent .sub-menu li a:hover {
    background-color: #f5f5f5;
    color: #0073aa;
}

/* Ajuste para móviles */
@media (max-width: 768px) {
    .lang-switcher-parent .sub-menu {
        position: relative !important;
        box-shadow: none;
        border: none !important;
        padding-left: 20px;
    }
}
/* Alineación horizontal si el menú es vertical */
.is-maps-switcher .wpmulti-lang-list {
    display: flex;
    justify-content: flex-start;
    padding: 10px 0;
}