/**
 * Main menu — Peak 1 Express
 *
 * Light header (white) + navy text (dark-blue) + green accents (main-green).
 * Hover text color matches the Navigation block’s Gutenberg hover setting
 * (--hover-color → main-green).
 *
 * Mega-column layout is desktop-dropdown only. The nav collapses to the
 * overlay below ~1320px (set in the editor), so these rules must never
 * run while `.is-menu-open` is active or small-laptop overlays clip.
 */

:root {
	--peak-1-menu-navy: var(--wp--preset--color--dark-blue, #173042);
	--peak-1-menu-hover-green: var(--wp--preset--color--main-green, #739A4D);
	--peak-1-menu-divider: var(--wp--preset--color--custom-soft-border, #e3e8ed);
}

/* No underlines on menu links */
header .wp-block-navigation .wp-block-navigation-item__content,
header .wp-block-navigation .wp-block-navigation-item__content:hover,
header .wp-block-navigation .wp-block-navigation-item__content:focus,
header .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
header .wp-block-navigation .wp-block-navigation-item__content:active {
	text-decoration: none !important;
}

/* Top-level item hover / open state — green text on transparent (light header) */
header .wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:hover,
header .wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:focus,
header .wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:focus-visible,
header .wp-block-navigation__container
	> .wp-block-navigation-item:hover
	> .wp-block-navigation-item__content,
header .wp-block-navigation__container
	> .wp-block-navigation-item:focus-within
	> .wp-block-navigation-item__content,
header .wp-block-navigation__container
	> .wp-block-navigation-item:hover
	> .wp-block-navigation-submenu__toggle,
header .wp-block-navigation__container
	> .wp-block-navigation-item:focus-within
	> .wp-block-navigation-submenu__toggle,
header .wp-block-navigation__container
	> .wp-block-navigation-item.current-menu-item
	> .wp-block-navigation-item__content {
	color: var(--peak-1-menu-hover-green) !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

/* Submenu item hover — green pill on white dropdown */
header .wp-block-navigation__submenu-container
	.wp-block-navigation-item
	> .wp-block-navigation-item__content:hover,
header .wp-block-navigation__submenu-container
	.wp-block-navigation-item
	> .wp-block-navigation-item__content:focus,
header .wp-block-navigation__submenu-container
	.wp-block-navigation-item
	> .wp-block-navigation-item__content:focus-visible {
	color: #fff !important;
	background-color: var(--peak-1-menu-hover-green) !important;
	text-decoration: none !important;
}

/*
 * Prod-like mega columns — desktop dropdown only.
 * Scoped to :not(.is-menu-open) so overlay/hamburger menus (active below
 * ~1320px on this site) keep a normal stacked mobile layout.
 */
@media (min-width: 782px) {

	header .wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li {
		padding-top: var(--wp--preset--spacing--small) !important;
	}

	/* Top-level items that have nested children → horizontal columns */
	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__container
		> .wp-block-navigation-item.has-child:has(.wp-block-navigation-item.has-child)
		> .wp-block-navigation__submenu-container {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: max-content !important;
		max-width: min(96vw, 1100px) !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		background-color: #fff !important;
		color: var(--peak-1-menu-navy) !important;
	}

	/* Column sizing + dividers */
	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__container
		> .wp-block-navigation-item.has-child:has(.wp-block-navigation-item.has-child)
		> .wp-block-navigation__submenu-container
		> .wp-block-navigation-item {
		min-width: 260px !important;
		max-width: 320px;
		flex: 0 0 auto !important;
		display: flex !important;
		flex-direction: column !important;
	}

	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__container
		> .wp-block-navigation-item.has-child:has(.wp-block-navigation-item.has-child)
		> .wp-block-navigation__submenu-container
		> .wp-block-navigation-item:not(:last-child) {
		border-right: 1px solid var(--peak-1-menu-divider) !important;
	}

	/* Column headings (Airports, Summit County, etc.) */
	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__container
		> .wp-block-navigation-item.has-child:has(.wp-block-navigation-item.has-child)
		> .wp-block-navigation__submenu-container
		> .wp-block-navigation-item.has-child
		> .wp-block-navigation-item__content {
		font-size: 15px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		flex-grow: 0;
		color: var(--peak-1-menu-navy) !important;
	}

	/* Nested options always expanded (no side flyout) — desktop dropdown only */
	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item.has-child
		> .wp-block-navigation__submenu-container {
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: flex !important;
		flex-direction: column !important;
		transform: none !important;
		box-shadow: none !important;
		border: 0 !important;
		padding-top: 0 !important;
		margin: 0 !important;
		pointer-events: auto !important;
	}

	/* Hide nested chevrons since those menus stay open — desktop dropdown only */
	header .wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__submenu-container
		.wp-block-navigation-submenu__toggle {
		display: none !important;
	}
}