/* Smooth transition */
#masthead,
#masthead .ast-main-header-wrap,
#masthead .ast-primary-header-bar {
	transition: background-color 0.25s ease;
}

/* Header becomes fixed after scroll */
body.header-scrolled #masthead {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
}

/* White background after scroll */
body.header-scrolled #masthead,
body.header-scrolled #masthead .ast-main-header-wrap,
body.header-scrolled #masthead .ast-primary-header-bar {
	background: var(--bbt-surface-overlay-96) !important;
	box-shadow: none !important;
}

/* Normal header spacing */
.ast-desktop .ast-primary-header-bar {
	margin-top: 10px;
	margin-bottom: 10px;
	transition: margin 0.25s ease, background-color 0.25s ease;
}

/* Compressed header after scroll */
body.header-scrolled .ast-primary-header-bar {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* ==================================
HERO OVERLAY (GLOBAL GRADIENT)
================================== */

.bbt-hero__overlay,
.bbt-page-hero__overlay,
.bbt-archive-hero__overlay {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	z-index: 1 !important;
	pointer-events: none !important;

	background: linear-gradient(
		to bottom,
		rgba(255,255,255,0.6) 0%,
		rgba(255,255,255,0.4) 10%,
		rgba(255,255,255,0.22) 20%,
		rgba(255,255,255,0.1) 30%,
		rgba(255,255,255,0.03) 42%,
		rgba(255,255,255,0) 60%
	) !important;
}


/* default: no glow */
.site-logo-img {
	filter: none !important;
}


/* Mobile menu button background override */
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
	background: var(--ast-global-color-3) !important;
}


.main-navigation {
	position: relative;
	z-index: 2;
}

.main-header-menu > .menu-item > .menu-link,
.ast-header-navigation .menu-link {
	font-weight: 500;
}

.main-header-menu > .menu-item > .menu-link:not(:hover):not(:focus):not(:active),
.main-header-menu > .menu-item > .menu-link:visited:not(:hover):not(:focus):not(:active),
.ast-header-navigation .menu-link:not(:hover):not(:focus):not(:active),
.ast-header-navigation .menu-link:visited:not(:hover):not(:focus):not(:active) {
	color: var(--ast-global-color-2);
}

.main-navigation::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 16px;
	bottom: 16px;
	width: calc(100% - 10px);
	background: var(--bbt-glass-bg);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border-radius: var(--bbt-radius-nav);
	border: 1px solid var(--bbt-glass-border);
	z-index: -1;
}


/* regular top-level items without children */
.main-header-menu > .menu-item:not(.menu-item-has-children) > .menu-link:hover,
.main-header-menu > .menu-item:not(.menu-item-has-children) > .menu-link:focus,
.main-header-menu > .menu-item:not(.menu-item-has-children).current-menu-item > .menu-link,
.main-header-menu > .menu-item:not(.menu-item-has-children).current-menu-ancestor > .menu-link {
	border-radius: 14px;
}

/* top-level items with dropdowns */
.main-header-menu > .menu-item.menu-item-has-children:hover > .menu-link,
.main-header-menu > .menu-item.menu-item-has-children:focus-within > .menu-link,
.main-header-menu > .menu-item.menu-item-has-children.current-menu-item > .menu-link,
.main-header-menu > .menu-item.menu-item-has-children.current-menu-ancestor > .menu-link {
	border-radius: 14px 14px 0 0;
}