/**
 * Compact navigation: hide megamenu panels, keep normal mobile menu usable.
 * Breakpoint matches Flicko (mobile header below 1024px).
 */

@media (max-width: 1023px) {
	.main-navigation .mega-menu,
	.vertical-navigation .mega-menu,
	.elementor-nav-menu-wrapper .mega-menu,
	.elementor-nav-vertical-menu-wrapper .mega-menu,
	.flicko-mobile-nav .mega-menu {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	/* Prevent full-width Elementor megamenu sections from covering the drawer */
	.main-navigation .mega-menu .elementor-section,
	.vertical-navigation .mega-menu .elementor-section,
	.flicko-mobile-nav .mega-menu .elementor-section {
		display: none !important;
	}

	.flicko-mobile-nav .menu-scroll-mobile {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		max-height: calc(100vh - 24px);
	}

	.flicko-mobile-nav .mobile-navigation,
	.flicko-mobile-nav .mobile-navigation-categories {
		position: relative;
		z-index: 2;
	}

	.mobile-navigation ul > li.menu-item > a,
	.mobile-navigation-categories ul > li.menu-item > a {
		position: relative;
		z-index: 1;
	}
}

body.flicko-compact-nav .main-navigation .mega-menu,
body.flicko-compact-nav .vertical-navigation .mega-menu {
	display: none !important;
}