.site-header {
	--color-main-level: var(--wp--preset--color--white);
	--color-hover-main-level: var(--wp--preset--color--yellow);
	--color-current: var(--wp--preset--color--white);
	--typography-size-main-level: 2.1875rem;
	--line-height-main-level: 59.5px;
	--gap-main-level-horizontal: 30px;
	--gap-between-dropdown-toggle: 10px;
	--dropdown-toggle-size: 25px;
	--color-sub-menu: var(--wp--preset--color--white);
	--color-hover-sub-menu: var(--wp--preset--color--yellow);
	--color-background-sub-menu: var(--wp--preset--color--darkred);
	--gap-dropdown: 0;
}

.site-header .site-logo {
	position: absolute;
	top: -17px;
	z-index: var(--z-logo);
}
@media (max-width: 767.98px) {
	.site-header .site-logo { top: 5px; }
}

.menu-top {
	display: flex;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-top a {
	display: block;
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.7;
	text-decoration: none;
}
.menu-top a:is(:hover, :focus-visible) { color: var(--wp--preset--color--yellow); }

@media (min-width: 768px) {
	.nav-primary .menu-item.hide-desktop { display: none; }
	.nav-primary .menu-items { position: static; flex-wrap: nowrap; }

	.nav-primary .menu-items > .menu-item > .nav-link {
		display: block;
		font-family: var(--wp--preset--font-family--redzone);
		font-size: var(--typography-size-main-level);
		font-weight: 700;
		line-height: var(--line-height-main-level);
		padding: 0;
		text-transform: uppercase;
		white-space: nowrap;
		color: var(--color-main-level);
	}
	.nav-primary .menu-items > .menu-item:hover > :is(.nav-link, .dropdown-toggle),
	.nav-primary .menu-items > .menu-item > :is(.nav-link, .dropdown-toggle):focus-visible {
		color: var(--color-hover-main-level);
	}

	.nav-primary .menu-items > .menu-item-has-children { gap: var(--gap-between-dropdown-toggle); }

	.nav-primary .dropdown-toggle {
		width: 16px;
		margin-top: 5px;
		color: var(--color-main-level);
	}
	.nav-primary .dropdown-toggle svg { flex-shrink: 0; }
	.nav-primary .menu-items > .menu-item-has-children > .dropdown-toggle svg {
		transform: none;
		transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);
	}
	.nav-primary .menu-items > .menu-item-has-children > .dropdown-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }

	.nav-primary .sub-menu {
		width: max-content;
		min-width: 150px;
		padding: 0;
		transition: opacity 0.1s, visibility 0.1s;
	}
	.nav-primary .menu-item .sub-menu a {
		display: block;
		font-family: var(--wp--preset--font-family--redzone);
		font-size: var(--wp--preset--font-size--heading-4);
		font-weight: 700;
		line-height: 60px;
		padding: 0 20px;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.nav-primary .menu-item .sub-menu a:is(:hover, :focus-visible) { color: var(--color-hover-sub-menu); }
	.nav-primary .menu-item .sub-menu a,
	.nav-primary .sub-menu .menu-item.current-menu-item > a { text-decoration: none; }

	.nav-primary .menu-item-has-children:is(:hover, :focus-within, .hover-intent) > .sub-menu { z-index: var(--z-menu); }
	.nav-primary .menu-item-has-children.is-closed > .sub-menu {
		opacity: 0;
		visibility: hidden;
	}
}

/* Legacy nav overflows 768–1023 at 35 px; scale it so the row stays on one line. */
@media (min-width: 768px) and (max-width: 1023.98px) {
	.site-header {
		--typography-size-main-level: clamp(1.5rem, 3.5vw - 0.125rem, 2.1875rem);
		--gap-main-level-horizontal: 20px;
	}
}