/* MON header: frosted bar (logo right → viewport right) + Prompt + sticky */

.main-navigation .primary-menu-container > ul > li.menu-item > a,
.main-navigation .primary-menu-container > ul li.menu-item > a,
.mobile-navigation ul li a,
.mobile-navigation ul li,
.mobile-toggle-open-container .menu-toggle-open {
	font-family: "Prompt", var(--global-body-font-family), sans-serif !important;
	font-weight: 400;
	letter-spacing: 0.01em;
}

#masthead.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: transparent !important;
}

body.admin-bar #masthead.site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #masthead.site-header {
		top: 46px;
	}
}

#masthead #main-header,
#masthead #mobile-header {
	position: relative;
	z-index: 1;
	overflow: visible;
}

#masthead .brand.has-logo-image {
	display: block;
	line-height: 0;
}

#masthead .brand.has-logo-image img.custom-logo {
	display: block;
	vertical-align: top;
}

/* Frost: from under logo's right edge to the header's right edge.
   Uses left/right on the full-width header — never 100vw (no side seams).
   Hidden until JS sets a valid --mon-frost-left. */
#masthead #main-header::before,
#masthead #mobile-header::before {
	content: "";
	position: absolute;
	left: var(--mon-frost-left, 100%);
	right: 0;
	top: 0;
	height: var(--mon-frost-height, 44px);
	background: rgba(255, 255, 255, 0.28);
	-webkit-backdrop-filter: blur(22px) saturate(1.45);
	backdrop-filter: blur(22px) saturate(1.45);
	border: none;
	border-radius: 0;
	box-shadow: none;
	pointer-events: none;
	z-index: 0;
	opacity: 0;
}

#masthead #main-header.mon-frost-ready::before,
#masthead #mobile-header.mon-frost-ready::before {
	opacity: 1;
}

#masthead .site-main-header-wrap .site-header-row-container-inner,
#masthead #mobile-header .site-main-header-wrap .site-header-row-container-inner {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

#masthead .site-header-row-container-inner,
#masthead .site-main-header-inner-wrap,
#masthead .site-branding,
#masthead .brand.has-logo-image {
	position: relative;
	z-index: 1;
}

#masthead .site-header-main-section-left {
	position: relative;
	z-index: 2;
}

@media (min-width: 1025px) {
	#masthead {
		--mon-frost-height: 44px;
	}

	#masthead #main-header .site-main-header-wrap {
		padding: 0;
	}

	#masthead .site-main-header-inner-wrap {
		min-height: 52px;
		align-items: flex-start;
	}

	.main-navigation .primary-menu-container > ul > li.menu-item > a {
		font-size: 14px;
		font-weight: 400;
		padding-top: 0.35em;
		padding-bottom: 0.35em;
	}

	.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
		color: rgba(255, 255, 255, 0.72) !important;
	}

	#masthead .site-header-main-section-right {
		min-height: var(--mon-frost-height);
		align-items: center;
	}
}

@media (max-width: 1024px) {
	#masthead {
		--mon-frost-height: 40px;
	}

	#masthead #mobile-header .site-main-header-wrap {
		padding: 0;
	}

	#masthead #mobile-header .site-main-header-inner-wrap {
		min-height: 48px;
		align-items: flex-start;
	}

	#masthead #mobile-header .site-header-main-section-right {
		min-height: var(--mon-frost-height);
		align-items: center;
	}
}

#mobile-drawer .drawer-inner {
	background: rgba(90, 12, 18, 0.9);
	-webkit-backdrop-filter: blur(20px) saturate(1.2);
	backdrop-filter: blur(20px) saturate(1.2);
}

#mobile-drawer .mobile-navigation ul li,
#mobile-drawer .mobile-navigation ul li a {
	font-family: "Prompt", sans-serif !important;
	font-weight: 400;
	font-size: 14px !important;
}