/* Keep the translucent brand treatment exclusive to the homepage. */
body.home .crystal-site-header {
	background: rgba(255, 255, 255, 0.64);
	border-bottom-color: rgba(255, 255, 255, 0.48);
}

body.home :is(.crystal-sticky-header, header.wp-block-template-part):is(.is-scrolled, :hover, :focus-within) .crystal-site-header {
	background: rgba(255, 255, 255, 0.93);
	border-bottom-color: rgba(14, 43, 50, 0.08);
}

/* Match the existing sticky, hover and focus selectors without changing layout. */
body:not(.home) .crystal-site-header,
body:not(.home) .crystal-site-header:has(.wp-block-navigation__responsive-container.is-menu-open),
body:not(.home) :is(.crystal-sticky-header, header.wp-block-template-part):is(.is-scrolled, :hover, :focus-within) .crystal-site-header {
	background: #f8fbfd;
	border-bottom-color: #d9e7ee;
	box-shadow: 0 8px 26px rgba(14, 43, 50, 0.065);
	/* The original open-menu rule uses !important; inner pages stay unfrosted. */
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

@media (max-width: 782px) {
	body:not(.home) .crystal-site-header .wp-block-navigation__responsive-container-open {
		background: #eaf3f8;
		border-color: #c9dfe9;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	body:not(.home) .crystal-site-header .wp-block-navigation__responsive-container-open:hover,
	body:not(.home) .crystal-site-header .wp-block-navigation__responsive-container-open:focus-visible,
	body:not(.home) .crystal-site-header:has(.wp-block-navigation__responsive-container-close:hover) .wp-block-navigation__responsive-container-open {
		background: #dcebf3;
	}

	/* Solid pale-blue panel; the deep-blue booking button keeps its contrast. */
	body:not(.home) .crystal-site-header .wp-block-navigation__responsive-dialog::before {
		background: linear-gradient(160deg, #e3f0f6 0%, #c5dfea 100%);
		border-top-color: #d9e7ee;
	}
}