/*
 * Fixes the open mobile nav dropdown rendering narrower than the viewport,
 * clipping menu labels (e.g. "Download App" cut off at the screen edge).
 *
 * Root cause: this nav-menu widget uses Elementor Pro's "stretch" width
 * setting. On a live WordPress+Elementor site that setting is applied by
 * JS (part of the same lazy-loaded nav-menu handler bundle this static
 * mirror never captured -- see hamburger-menu-fix.js) which measures the
 * viewport and sizes the panel to match. Without that JS, the vendor CSS
 * (widget-nav-menu.min.css: ".elementor-nav-menu--stretch ... .elementor-
 * nav-menu--dropdown { position: absolute }") leaves left/right/width
 * unset, so the panel shrink-wraps to its content inside its narrow
 * toggle-only containing block and spills off the right edge of the
 * screen -- which is what clips the labels.
 *
 * Fix: anchor the open dropdown to the viewport instead of its containing
 * block. This is the CSS-only equivalent of what "stretch" already does
 * on a live site; it does not change the toggle/close behavior at all.
 */
.elementor-nav-menu--toggle .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	position: fixed;
	left: 0;
	right: 0;
	width: auto;
}