/**
 * Doble barra de scroll al abrir selector de idioma / submenú en el header.
 *
 * Causas raíz (documentadas en foros Elementor, SO y comportamiento de Chromium):
 *
 * 1) overflow-x: hidden (u "hidden") en **html y body a la vez** (o en html + #wrapper):
 *    puede crear **dos scrollbars verticales** porque el motor trata dos cajas como
 *    contenedores de desplazamiento. No duplicar overflow en la raíz.
 *    https://stackoverflow.com/questions/39368261/double-vertical-scroll-bar-on-overflow-xhidden
 *
 * 2) **body { overflow-x: hidden }** sin ajustar html: foro Elementor — usar
 *    overflow-x: initial en body o no forzar eje X en html.
 *
 * 3) **Submenú** con max-height + overflow-y: auto (menú WP / WPR) cuando la lista
 *    es corta (2–3 idiomas): scroll interno + scroll del documento se perciben como
 *    doble barra. En el header HFE se anula el scroll interno del submenú.
 */

/* --- (1) y (2): una sola cadena de overflow en la raíz del documento --- */
html {
	overflow-x: visible !important;
	overflow-y: auto;
	scrollbar-gutter: stable;
}

html body {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

html body #wrapper,
html body #page,
html body #wrapper .site,
html body .site-content,
html body #content {
	overflow-y: visible !important;
	overflow-x: clip !important;
	min-height: 0;
}

/* --- (3): header HFE (post 12786): submenús sin scroll interno innecesario --- */
.elementor-12786 .sub-menu,
.elementor-12786 ul.sub-menu,
.elementor-12786 .elementor-nav-menu--dropdown,
.elementor-12786 .wpr-nav-menu .sub-menu,
.elementor-12786 .wpr-nav-menu ul.sub-menu {
	max-height: none !important;
	overflow: visible !important;
}

/* Misma lógica si el header se imprime por ubicación (sin .elementor-12786). */
.elementor-location-header .sub-menu,
.elementor-location-header ul.sub-menu,
.elementor-location-header .elementor-nav-menu--dropdown,
.elementor-location-header .wpr-nav-menu .sub-menu,
.elementor-location-header .wpr-nav-menu ul.sub-menu {
	max-height: none !important;
	overflow: visible !important;
}