/*
 * Manual patches on top of the frozen Elementor CSS (assets/css/elementor-frozen.css).
 * Kept in a separate file so the frozen dump stays untouched/traceable — every rule here
 * is a deliberate fix, not part of the original Elementor output.
 */

/*
 * 2026-09-14 — Mobile burger dropdown rendered off-screen.
 *
 * Elementor's own widget-nav-menu.min.css only sets `position:absolute` on
 * `.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown`
 * (confirmed identical in the last-known-good Elementor Pro CSS, so nothing was lost while
 * freezing) — width/left/right were never set by Elementor's own CSS. On the real Elementor
 * Pro widget this is harmless because the "Principal-menu" widget's own box spans a wide
 * column even on mobile, so the dropdown's shrink-to-fit width + static-position left still
 * lands on-screen. On this theme, the widget wrapper shrinks to just the ~37px toggle button
 * on mobile, so the dropdown's static position starts near the right edge and its
 * shrink-to-fit width (~160px, sized to the longest menu label) pushes it off-screen.
 *
 * Fix: anchor the open dropdown to the right edge of the viewport with an explicit width
 * capped to the viewport, instead of relying on shrink-to-fit + static position.
 */
@media (max-width: 1024px) {
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		left: auto;
		right: 0;
		width: min(320px, calc(100vw - 20px));
		max-width: calc(100vw - 20px);
	}
}