/* Keep header on top globally */
	#masthead {
		position: sticky;
		top: 0;
		z-index: 9999;
		background: #ffffff;
		transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
		padding: 20px 60px;
	}

	.site-branding.ast-site-identity {
		padding: 0 !important;
	}

	/* Home needs true overlay behavior above hero */
	body.home #masthead {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}

	#masthead .site-title a {
		font-weight: 400;
	}

	/* Default solid mode (all non-home pages, and home after hero) */
	#masthead .main-header-menu > .menu-item > a,
	#masthead .ast-menu-toggle,
	#masthead .site-title a,
	#masthead .site-header-section .ast-builder-menu .menu-link,
	#masthead .ast-mobile-svg {
		color: #bbbbbb !important;
		fill: #bbbbbb !important;
	}

	body:not(.home) #masthead,
	body.home.nav-solid #masthead {
		background: #ffffff !important;
	}

	/* Home hero mode: transparent + white text */
	body.home:not(.nav-solid) #masthead {
		background: transparent !important;
		box-shadow: none !important;
	}

	/* Always white in transparent hero mode: logo, hamburger, mobile SVG (stay in header bar) */
	body.home:not(.nav-solid) #masthead .ast-menu-toggle,
	body.home:not(.nav-solid) #masthead .site-title a,
	body.home:not(.nav-solid) #masthead .ast-mobile-svg {
		color: #ffffff !important;
		fill: #ffffff !important;
	}

	/* Desktop only: nav links white over hero (excluded on mobile — flyout has white bg) */
	@media (min-width: 922px) {
		body.home:not(.nav-solid) #masthead .main-header-menu > .menu-item > a,
		body.home:not(.nav-solid) #masthead .site-header-section .ast-builder-menu .menu-link {
			color: #ffffff !important;
			fill: #ffffff !important;
		}
	}

	/* Keep Home wrappers neutral so fixed header can overlay hero cleanly */
	body.home .ast-above-header-wrap,
	body.home .ast-primary-header-bar,
	body.home .ast-builder-grid-row {
		position: static;
	}

	/* ── Scroll-spy: underline for same-page anchor items (e.g. INFO TERBARU, KONTAK) ── */
	/* Safety-net: hide any underline on PHP-tagged anchor items (current-menu-item
	   is already removed server-side; this covers edge cases / caching). */
	body.home #masthead .main-header-menu > .lt-anchor-spy > a::after {
		content: none !important;
	}
	/* Show underline only when scroll-spy activates the linked section or on hover. */
	body.home #masthead .main-header-menu > .lt-anchor-spy > a,
	body.home #masthead .main-header-menu > .menu-item > a:hover {
		position: relative;
	}
	body.home #masthead .main-header-menu > .lt-anchor-spy.lt-nav-section-active > a::after,
	body.home #masthead .main-header-menu > .menu-item > a:hover::after,
	body.home #masthead .main-header-menu > .menu-item:hover > a::after {
		content: '' !important;
		position: absolute;
		bottom: -6px;
		left: 0;
		right: 0;
		height: 1px;
		background: currentColor;
		border-radius: 2px;
		margin: 0 16px;
	}