/* ==========================================================================
   Museos Almería · Barra superior como la de turismodealmeria.org
   Selector de idiomas (WPML) en píldora con desplegable en tarjeta blanca, banderas SVG circulares,
   versión del menú móvil y barra de 50 px. El tiempo lo pinta el plugin ta-tiempo.
   Origen: tema hijo de Turismo (cambios 03, 06 y 07), con las clases del selector de WPML de esta web
   (.wpml-ls-current-language / .wpml-ls-menu-item en lugar de .menu-item-language-current / .menu-item-language).
   ========================================================================== */
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle { display: inline-flex !important; align-items: center; gap: 8px; margin: 8px 0; height: 34px; box-sizing: border-box; padding: 0 16px 0 14px !important; border-radius: 20px; background: #f5f5f5; font-family: 'Poppins'; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; color: #00475d !important; transition: background-color .2s; }
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle:hover,
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle[aria-expanded="true"] { background: #eaeaea; }
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
.menu-secondary .wpml-ls-menu-item img.wpml-ls-flag { width: 18px !important; height: 12px !important; object-fit: cover; border-radius: 2px; margin: 0 !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); }
/* Flecha fina hacia abajo en lugar del icono de Uncode */
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle > i.fa-dropdown { display: none !important; }
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle::after { content: ""; width: 6px; height: 6px; margin: -3px 0 0 2px; border-right: 2px solid #00475d; border-bottom: 2px solid #00475d; transform: rotate(45deg); transition: transform .2s; }
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: 3px; }
/* Desplegable */
.menu-secondary .wpml-ls-current-language { position: relative; }
/* Uncode posiciona el desplegable con estilos en línea: se ancla al borde derecho del botón */
.menu-secondary .wpml-ls-current-language > ul.drop-menu { left: auto !important; right: -14px !important; margin-left: 0 !important; margin-top: -6px !important; min-width: 170px; padding: 6px !important; border: 0 !important; border-radius: 10px; background: #fff; box-shadow: 0 10px 30px rgba(0, 71, 93, .14), 0 2px 6px rgba(0, 0, 0, .06); }
.menu-secondary .wpml-ls-current-language > ul.drop-menu > li > a { display: flex !important; align-items: center; gap: 10px; padding: 9px 12px !important; border-radius: 6px; font-family: 'Poppins'; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #464d4e !important; transition: background-color .15s, color .15s; }
.menu-secondary .wpml-ls-current-language > ul.drop-menu > li > a span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
/* (especificidad alta para ganar a la regla en línea de Uncode .submenu-light ... a:hover !important) */
.menu-secondary.menu-secondary.menu-secondary .wpml-ls-current-language.wpml-ls-current-language > ul.drop-menu.drop-menu > li > a:hover { background: #f5f5f5 !important; color: #00475d !important; }
.menu-secondary .wpml-ls-current-language > ul.drop-menu > li > a > i.fa-dropdown { display: none !important; }
/* Puente invisible entre el botón y el desplegable para que no se cierre al bajar el ratón */
.menu-secondary .wpml-ls-current-language > ul.drop-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
/* Opciones a todo el ancho de la tarjeta (sin desbordar) */
.menu-secondary .wpml-ls-current-language > ul.drop-menu > li { width: 100%; margin: 0 !important; padding: 0 !important; }
.menu-secondary .wpml-ls-current-language > ul.drop-menu > li > a { box-sizing: border-box; width: 100% !important; }
/* Foco con teclado: anillo azul petróleo bien visible (sustituye al contorno rojo genérico solo aquí) */
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle:focus { outline: none; }
.menu-secondary .wpml-ls-current-language > a.dropdown-toggle:focus-visible { outline: 2px solid #00475d !important; outline-offset: 2px; }
.menu-secondary.menu-secondary.menu-secondary .wpml-ls-current-language.wpml-ls-current-language > ul.drop-menu.drop-menu > li > a:focus { outline: none; background: #f5f5f5 !important; color: #00475d !important; }
.menu-secondary.menu-secondary.menu-secondary .wpml-ls-current-language.wpml-ls-current-language > ul.drop-menu.drop-menu > li > a:focus-visible { outline: 2px solid #00475d !important; outline-offset: -2px; background: #f5f5f5 !important; color: #00475d !important; }
/* Barra superior más baja: 50px con las píldoras centradas */
.menu-secondary.top-menu-padding .menu-smart.menu-mini { padding-top: 0 !important; }
.menu-secondary a.ta-tiempo-menu { padding-top: 8px !important; padding-bottom: 8px !important; }
.menu-secondary .menu-bloginfo { padding-top: 7px !important; padding-bottom: 7px !important; }
.menu-secondary .wpml-ls-current-language > ul.drop-menu::before { top: -8px; height: 8px; }

/* Selector de idiomas en el menú móvil (hamburguesa): mismo estilo, zonas táctiles de 44px+ */
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle { display: flex !important; width: 100%; box-sizing: border-box; align-items: center; gap: 10px; min-height: 44px; padding: 10px 18px 10px 16px !important; border-radius: 12px; background: #f5f5f5; font-family: 'Poppins'; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; color: #00475d !important; }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
.mobile-secondary-menu .wpml-ls-menu-item img.wpml-ls-flag { width: 20px !important; height: 14px !important; object-fit: cover; border-radius: 2px; margin: 0 !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle > i.fa-dropdown,
.mobile-secondary-menu .wpml-ls-current-language > ul > li > a > i.fa-dropdown { display: none !important; }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle::after { content: ""; width: 7px; height: 7px; margin: -4px 2px 0 auto; border-right: 2px solid #00475d; border-bottom: 2px solid #00475d; transform: rotate(45deg); transition: transform .2s; }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: 4px; }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle:focus { outline: none; }
.mobile-secondary-menu .wpml-ls-current-language > a.dropdown-toggle:focus-visible { outline: 2px solid #00475d !important; outline-offset: 2px; }
/* La lista no lleva relleno ni borde propios: la animación de Uncode (slideDown) crece de 0 sin saltos.
   El aire y la línea separadora van en las filas. */
.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language.wpml-ls-current-language > ul { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 0 12px 12px !important; background: #f5f5f5 !important; }
.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li { padding: 0 6px !important; }
.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li:first-child { border-top: 1px solid #e3e6e7; padding-top: 6px !important; }
.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li:last-child { padding-bottom: 6px !important; }
.mobile-secondary-menu .wpml-ls-current-language > ul > li { margin: 0 !important; }
.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li > a { display: flex !important; align-items: center; gap: 12px; min-height: 46px; box-sizing: border-box; width: 100%; padding: 10px 10px 10px 5px !important; border-radius: 8px; font-family: 'Poppins'; font-size: 16px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #464d4e !important; background: transparent; }
.mobile-secondary-menu .wpml-ls-current-language > ul > li > a span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
.mobile-secondary-menu.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li > a:hover,
.mobile-secondary-menu.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li > a:active,
.mobile-secondary-menu.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li > a:focus { outline: none; background: #fff !important; color: #00475d !important; }
.mobile-secondary-menu.mobile-secondary-menu.mobile-secondary-menu .wpml-ls-current-language > ul > li > a:focus-visible { outline: 2px solid #00475d !important; outline-offset: -2px; background: #fff !important; color: #00475d !important; }
/* Uncode no actualiza aria-expanded en el menú móvil: se detecta la lista abierta (display: block en línea).
   Abierto, botón y tarjeta forman un solo bloque: esquinas inferiores del botón rectas */
.mobile-secondary-menu .wpml-ls-current-language:has(> ul[style*="display: block"]) > a.dropdown-toggle::after { transform: rotate(-135deg); margin-top: 4px; }
.mobile-secondary-menu .wpml-ls-current-language:has(> ul[style*="display: block"]) > a.dropdown-toggle { border-radius: 12px 12px 0 0; }

.wpml-ls-menu-item img.wpml-ls-flag { display: none !important; }
.wpml-ls-menu-item > a::before { content: ""; flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%; background: center / cover no-repeat; box-shadow: 0 0 0 1px rgba(0, 71, 93, .14); }
.mobile-secondary-menu .wpml-ls-menu-item > a::before { width: 16px; height: 16px; }
.wpml-ls-menu-item.wpml-ls-item-es > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23c60b1e'/%3E%3Crect y='5' width='20' height='10' fill='%23ffc400'/%3E%3C/svg%3E"); }
.wpml-ls-menu-item.wpml-ls-item-en > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23012169'/%3E%3Cpath d='M0 0L20 20M20 0L0 20' stroke='%23fff' stroke-width='4'/%3E%3Cpath d='M0 0L20 20M20 0L0 20' stroke='%23c8102e' stroke-width='1.5'/%3E%3Cpath d='M10 0V20M0 10H20' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M10 0V20M0 10H20' stroke='%23c8102e' stroke-width='3.4'/%3E%3C/svg%3E"); }
.wpml-ls-menu-item.wpml-ls-item-fr > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fff'/%3E%3Crect width='6.67' height='20' fill='%23002654'/%3E%3Crect x='13.33' width='6.67' height='20' fill='%23ed2939'/%3E%3C/svg%3E"); }
.wpml-ls-menu-item.wpml-ls-item-de > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23ffce00'/%3E%3Crect width='20' height='6.67' fill='%23000'/%3E%3Crect y='6.67' width='20' height='6.67' fill='%23dd0000'/%3E%3C/svg%3E"); }

/* Tiempo (plugin ta-tiempo): en esta web la barra superior usa letra de 12 px; se fija como en Turismo */
.menu-secondary .ta-tiempo, .menu-secondary .ta-tiempo span { font-size: 16px !important; font-weight: 500 !important; line-height: 16px !important; }
.menu-secondary .ta-tiempo { color: #464d4e !important; }
.menu-secondary .ta-tiempo .ta-tiempo__ciudad, .menu-secondary .ta-tiempo .ta-tiempo__temp { color: #00475d !important; }
.menu-secondary .ta-tiempo .ta-tiempo__texto { color: #464d4e !important; }

/* Uncode quita el relleno derecho al último elemento de la barra (padding-right: 0 !important) y el tema
   museos le da width: 100% dentro de un li flexible: el botón se estrechaba y la flecha quedaba pegada al
   borde. Botón de 128 px como en Turismo y desplegable alineado a su borde derecho, 6 px por debajo. */
.top-menu.menu-secondary .navbar-topmenu ul.menu-smart > li.wpml-ls-current-language.wpml-ls-menu-item > a.dropdown-toggle.dropdown-toggle { width: auto !important; flex: 0 0 auto; padding-right: 14px !important; }
.top-menu.menu-secondary .navbar-topmenu ul.menu-smart > li.wpml-ls-current-language.wpml-ls-menu-item > ul.drop-menu.drop-menu { right: 0 !important; margin-top: -1px !important; }