/*
 * Legacy Archie Mega Menu renderer styles.
 *
 * These selectors intentionally remain outside the Fritz starter theme and
 * load only for Archie Feature Releases without unified_mega_menu.
 */

@layer component_default {
	.nav-megamenu__expandable {
		z-index: 1000;
	}
}

@layer component_base {
	.nav-megamenu__inner > * {
		grid-column: 1 / -1;
	}

	.masthead__nav-primary .nav-megamenu__expandable {
		top: 0;
		z-index: -1;
	}

	.masthead__nav-primary .nav-megamenu__expandable__overlay {
		top: calc(var(--masthead-top, 0px) + var(--masthead-height, 0px) + var(--masthead-border-size));
	}

	.masthead__nav-primary .nav-megamenu {
		padding-top: calc(var(--masthead-height) + clamp(24px, 2.054vw + 16.6px, 48px));
		padding-bottom: clamp(24px, 2.054vw + 16.6px, 48px);
	}

	@media (max-width: 899.98px) {
		.nav-masthead-primary-mobile .nav-megamenu__expandable {
			position: static;
		}

		.nav-masthead-primary-mobile .nav-megamenu__expandable__overlay {
			display: none;
		}

		.nav-masthead-primary-mobile .nav-megamenu__inner {
			--grid-columns: 1;
			padding-inline: 0;
		}
	}
}