/* Fixed header — transparent over hero, solid on scroll */
header.wp-block-template-part:has(.is-fixed-header) {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: transparent;
	color: #fff;
	margin-block-start: 0;
	padding-left: var(--wp--custom--gap--horizontal);
	padding-right: var(--wp--custom--gap--horizontal);
	transition:
		background-color 0.3s ease,
		box-shadow 0.3s ease;
}

header.wp-block-template-part:has(.is-fixed-header) + * {
	margin-block-start: 0 !important;
}

header.wp-block-template-part:has(.is-fixed-header) .site-header {
	max-width: var(--wp--style--global--wide-size, 1400px);
	margin-left: auto;
	margin-right: auto;
}

header.wp-block-template-part:has(.is-fixed-header) .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}

header.wp-block-template-part:has(.is-fixed-header).is-scrolled .wp-block-site-logo img {
	filter: none;
}

header.wp-block-template-part:has(.is-fixed-header) a,
header.wp-block-template-part:has(.is-fixed-header) .wp-block-site-title a,
header.wp-block-template-part:has(.is-fixed-header) .wp-block-navigation a,
header.wp-block-template-part:has(.is-fixed-header) .wp-block-site-tagline {
	color: inherit;
}

header.wp-block-template-part:has(.is-fixed-header).is-scrolled {
	background-color: #fff;
	color: var(--wp--preset--color--foreground, #333);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

header.wp-block-template-part:has(.is-fixed-header).is-scrolled a,
header.wp-block-template-part:has(.is-fixed-header).is-scrolled .wp-block-site-title a,
header.wp-block-template-part:has(.is-fixed-header).is-scrolled .wp-block-navigation a,
header.wp-block-template-part:has(.is-fixed-header).is-scrolled .wp-block-site-tagline {
	color: var(--wp--preset--color--foreground, #333);
}

/* Utility: sticky below fixed header */
.sticky-below-header {
	position: sticky;
	top: 144px;
}