/* Header only: retain OnePress navigation, sticky behaviour and 1140px breakpoint. */
#masthead.site-header {
	--pizzakursus-header-terracotta: var(--pizzakursus-terracotta);
	--pizzakursus-header-paper: var(--pizzakursus-paper);
	--pizzakursus-header-height: 90px;
	line-height: var(--pizzakursus-header-height);
	background: var(--pizzakursus-header-terracotta);
	box-shadow: 0 6px 20px 1px rgb(30 30 28 / 22%);
}

#masthead .site-logo-div {
	display: flex;
	align-items: center;
	min-height: var(--pizzakursus-header-height);
}

#masthead .custom-logo {
	display: block;
}

#masthead .onepress-menu a,
#masthead .site-branding :is(.site-title, .site-text-logo, .site-description) {
	color: #fff;
}

#masthead .onepress-menu a {
	background: transparent;
	font-family: var(--pizzakursus-font-sans);
	text-decoration: none;
	text-decoration-thickness: 2px;
	text-underline-offset: 10px;
	text-decoration-skip-ink: none;
	transition: text-decoration-color .2s ease;
}

/* The installed logo is monochrome on opaque white. Screen blending removes
 * only that background after inversion; the original asset and shape remain. */
#masthead img.custom-logo[src*="/cropped-pizzakursus-logo-top.png"] {
	filter: invert(1);
	mix-blend-mode: screen;
}

/* Native underlines follow the text width on desktop and mobile without
 * changing link geometry or adding a line across the full mobile row. */
#masthead .onepress-menu a:hover {
	text-decoration-line: underline;
	text-decoration-color: rgb(245 242 236 / 55%);
}

#masthead .onepress-menu :is(a:focus-visible, a.menu-actived),
#masthead .onepress-menu :is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor, .onepress-current-item) > a {
	text-decoration-line: underline;
	text-decoration-color: var(--pizzakursus-header-paper);
}

#masthead a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

#masthead .custom-logo-link:focus-visible {
	outline-offset: 2px;
}

#masthead .onepress-menu ul {
	background: var(--pizzakursus-header-terracotta);
	border-color: rgb(255 255 255 / 20%);
}

#masthead .onepress-menu ul li a {
	border-color: rgb(255 255 255 / 20%);
}

#masthead #nav-toggle span,
#masthead #nav-toggle span::before,
#masthead #nav-toggle span::after {
	background: #fff;
}

#masthead #nav-toggle.nav-is-visible span {
	background: transparent;
}

@media screen and (min-width: 1141px) {
	#masthead .onepress-menu > li > a {
		font-size: 14px;
	}

	#masthead .onepress-menu li:focus-within > ul {
		display: block;
		height: auto;
		overflow: visible;
		opacity: 1;
		z-index: 99;
	}
}

@media screen and (max-width: 1140px) {
	#masthead .onepress-menu.onepress-menu-mobile {
		top: var(--pizzakursus-header-height);
	}

	#masthead .main-navigation .onepress-menu,
	#masthead .onepress-menu.onepress-menu-mobile li {
		background: var(--pizzakursus-header-terracotta);
		border-color: rgb(255 255 255 / 20%);
	}

	#masthead .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
		color: #fff;
		border-color: rgb(255 255 255 / 20%);
	}

	/* Reveal existing SHOP children when navigating with the keyboard. */
	#masthead .onepress-menu.onepress-menu-mobile li:focus-within > ul {
		display: block;
		height: auto;
		overflow: visible;
		opacity: 1;
		z-index: 99;
	}

}

@media (prefers-reduced-motion: reduce) {
	#masthead .onepress-menu a {
		transition: none;
	}
}