/* ============================================================
gss-lang — Selector de idioma nativo de WPML con el aspecto
del antiguo switcher custom (botón globo + desplegable blanco).
Réplica 1:1 del diseño original (several.css → .custom-lang-switcher).
Único cambio: al pasar por encima de un idioma, el TEXTO se pone en
Neon Blue de marca (#5078FF).
Se aplica SÓLO cuando el widget de WPML va envuelto en .gss-lang.
El [wpml_language_selector_widget] del footer (sin .gss-lang)
conserva su diseño nativo actual.
Uso: [wpml_language_selector_widget]
Fondo oscuro: …
WPML → Idiomas → Selectores de idioma: tipo "Menú desplegable"
(legacy dropdown → genera .wpml-ls-legacy-dropdown).
============================================================ */
/* --- Contenedor (= .custom-lang-switcher) --- */
.gss-lang .wpml-ls-legacy-dropdown {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
border: none;
background: transparent;
}
/* Reset del markup de WPML para que no asomen estilos por defecto */
.gss-lang .wpml-ls,
.gss-lang .wpml-ls ul,
.gss-lang .wpml-ls li {
list-style: none;
margin: 0;
padding: 0;
background: transparent;
border: none;
}
/* Oculta el texto del idioma actual ("ES"); solo queda el globo.
El conserva su aria-label, así sigue siendo accesible. */
.gss-lang .wpml-ls-item-toggle .wpml-ls-native {
display: none;
}
.gss-lang .wpml-ls-item-toggle::after {
content: none !important;
display: none !important;
}
/* --- Toggle = botón globo 27x27 (= .lang-toggle) --- */
.gss-lang .wpml-ls-item-toggle {
display: block;
width: 27px;
height: 27px;
border: none;
background: transparent;
position: relative;
cursor: pointer;
font-size: 0;
line-height: 0;
}
.gss-lang .wpml-ls-item-toggle::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
background-image: url("data:image/svg+xml,