/**
 * language-menu.css — Mallorkinas Child Theme
 * CSS para el selector de idioma (TranslatePress).
 * Migrado del snippet WPCode "idioma menu".
 *
 * Clase .hide-text-keep-icons: oculta el texto pero mantiene iconos/banderas.
 * Añadir esta clase al contenedor del widget de idioma en Elementor.
 */

/* =========================================================
   OCULTAR TEXTO, MANTENER ICONOS
   Migrado de snippet WPCode "idioma menu" (152 chars)
   ========================================================= */

.hide-text-keep-icons *:not(img):not(svg) {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

/* =========================================================
   SELECTOR DE IDIOMA GENERAL (TranslatePress)
   ========================================================= */

.trp-language-switcher,
.trp-ls-shortcode-language-switcher,
.trp-ls-shortcode-list {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.trp-language-switcher a,
.trp-ls-shortcode-language-switcher a,
.trp-ls-shortcode-list a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: var(--mk-radius-sm);
    font-size: var(--mk-font-size-xs);
    font-weight: 600;
    color: var(--mk-text-main);
    text-decoration: none;
    transition: background-color var(--mk-transition), color var(--mk-transition);
}

.trp-language-switcher a:hover,
.trp-ls-shortcode-language-switcher a:hover {
    background-color: rgba(96, 18, 63, 0.06);
    color: var(--mk-color-primary);
}

/* Idioma activo */
.trp-language-switcher .trp-current-language a,
.trp-ls-shortcode-language-switcher .trp-current-language a {
    color: var(--mk-color-primary);
    font-weight: 700;
}

/* Banderas / iconos de idioma */
.trp-language-switcher img,
.trp-ls-shortcode-language-switcher img {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

/* =========================================================
   DROPDOWN DE IDIOMA (si se usa selector tipo dropdown)
   ========================================================= */

.trp-ls-shortcode-language-switcher.trp-ls-shortcode-type-dropdown {
    position: relative;
}

.trp-ls-shortcode-language-switcher.trp-ls-shortcode-type-dropdown select {
    padding: 6px 28px 6px 10px;
    border: 1px solid var(--mk-border-color);
    border-radius: var(--mk-radius-pill);
    font-size: var(--mk-font-size-xs);
    font-weight: 600;
    background-color: var(--mk-bg-card);
    color: var(--mk-text-main);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}