/**
 * wearseraiah/site-header
 *
 * Single-row CSS Grid: logo left, nav center, actions right.
 * Regions identified by class names on editable inner groups.
 *
 * Overlay mode (landing): header floats over the hero/slideshow.
 * On scroll, view.js toggles .is-scrolled → opaque sticky bar.
 */

.wp-block-wearseraiah-site-header.wsr-site-header,
.wsr-site-header.wp-block-wearseraiah-site-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	grid-template-rows: auto;
	align-items: center;
	/* Defaults overridable via block attributes → CSS variables. */
	gap: var(--wsr-header-row-gap, 0.35rem) var(--wsr-header-column-gap, 0.75rem);
	width: 100%;
	box-sizing: border-box;
	/*
	 * Horizontal pad matches the theme wide rail so brand/nav/cart
	 * align with constrained section content (categories, products).
	 * Inline style padding from the block is overridden on the X axis
	 * only — vertical padding stays author-controlled.
	 */
	padding-inline: var(
		--wsr-rail-pad,
		max(
			var(--wsr-rail-gutter, var(--wp--preset--spacing--m, 1.5rem)),
			calc(
				(
						100% -
							var(
								--wsr-wide-size,
								var(--wp--style--global--wide-size, 1320px)
							)
					) /
					2
			)
		)
	) !important;
	/* Smooth solidify when scroll state flips. */
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.35s ease,
		color 0.35s ease,
		backdrop-filter 0.35s ease,
		-webkit-backdrop-filter 0.35s ease;
}

/* Kill core flow-layout sibling margins — grid gap owns spacing. */
.wsr-site-header.wp-block-wearseraiah-site-header > * + *,
.wp-block-wearseraiah-site-header.wsr-site-header > * + * {
	margin-block-start: 0 !important;
}

/* Brand / logo — top left */
.wsr-site-header > .wsr-site-header__brand,
.wsr-site-header > .wp-block-group.wsr-site-header__brand {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	align-self: center;
	width: max-content;
	max-width: 100%;
	margin: 0 !important;
	min-width: 0;
	z-index: 1;
}

.wsr-site-header > .wsr-site-header__brand .wsr-site-header__logo,
.wsr-site-header > .wp-block-group.wsr-site-header__brand .wsr-site-header__logo,
.wsr-site-header .wp-block-site-logo.wsr-site-header__logo,
.wsr-site-header .wp-block-image.wsr-site-header__logo {
	margin: 0 !important;
	line-height: 0;
	width: auto !important;
	max-width: min(7.5rem, 38vw) !important;
}

.wsr-site-header > .wsr-site-header__brand .wsr-site-header__logo a,
.wsr-site-header > .wp-block-group.wsr-site-header__brand .wsr-site-header__logo a,
.wsr-site-header .wp-block-site-logo.wsr-site-header__logo a,
.wsr-site-header .wp-block-image.wsr-site-header__logo a {
	display: block;
	line-height: 0;
	width: fit-content;
}

.wsr-site-header > .wsr-site-header__brand .wsr-site-header__logo img,
.wsr-site-header > .wp-block-group.wsr-site-header__brand .wsr-site-header__logo img,
.wsr-site-header .wp-block-site-logo.wsr-site-header__logo img,
.wsr-site-header .wp-block-image.wsr-site-header__logo img,
.wsr-site-header .custom-logo {
	display: block !important;
	width: auto !important;
	height: clamp(2.5rem, 2rem + 1.2vw, 3.25rem) !important;
	max-height: 3.25rem !important;
	max-width: min(7.5rem, 38vw) !important;
	object-fit: contain !important;
	object-position: left center;
}

/* Keep legacy site-title usable if an editor drops one back in */
.wsr-site-header > .wsr-site-header__brand .wp-block-site-title,
.wsr-site-header > .wp-block-group.wsr-site-header__brand .wp-block-site-title {
	margin: 0;
	line-height: 1.1;
}

/* Actions (cart, account, search…) — top right */
.wsr-site-header > .wsr-site-header__actions,
.wsr-site-header > .wp-block-group.wsr-site-header__actions {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
	align-self: center;
	width: max-content;
	max-width: 100%;
	margin: 0 !important;
	min-width: 0;
	z-index: 1;
}

/* Navigation — center column, same row */
.wsr-site-header > .wsr-site-header__nav,
.wsr-site-header > .wp-block-group.wsr-site-header__nav {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	align-self: center;
	width: max-content;
	max-width: 100%;
	margin: 0 !important;
	min-width: 0;
}

.wsr-site-header > .wsr-site-header__nav .wp-block-navigation,
.wsr-site-header > .wp-block-group.wsr-site-header__nav .wp-block-navigation {
	justify-content: center;
}

/* Keep icon controls (account, mini-cart, search) from adding vertical bulk */
.wsr-site-header .wc-block-mini-cart__button,
.wsr-site-header .wc-block-customer-account__link,
.wsr-site-header .wsr-header-search__toggle {
	padding-block: 0.15rem !important;
}

.wsr-site-header .wc-block-customer-account__account-icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
}

.wsr-site-header .wp-block-navigation-item__content {
	padding-block: 0.1rem;
}

/* Optional empty left balancer (legacy) — maps to brand slot */
.wsr-site-header > .wsr-site-header__left,
.wsr-site-header > .wp-block-group.wsr-site-header__left {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	align-self: center;
	margin: 0 !important;
}

/* ------------------------------------------------------------------ */
/* Sticky shell (template-part <header> or the block itself)           */
/* ------------------------------------------------------------------ */

header.wp-block-template-part.wsr-header--sticky,
header.wsr-header--sticky {
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	/* Let children paint their own backgrounds when not overlaying. */
	background: transparent;
	transition:
		background-color 0.35s ease,
		box-shadow 0.35s ease,
		border-color 0.35s ease;
}

/* Fallback if sticky class lands only on the block (no template-part). */
.wp-block-wearseraiah-site-header.is-sticky:not(header .wp-block-wearseraiah-site-header) {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* ------------------------------------------------------------------ */
/* Overlay — transparent over hero until scrolled                      */
/* ------------------------------------------------------------------ */

/*
 * When overlay is on and page is at the top:
 *  - shell/block sit absolutely so hero slides underneath
 *  - background vanishes; keep a soft light hairline under the bar
 *  - text/icons go light for dark photography
 */
header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled),
header.wsr-header--overlay:not(.is-scrolled) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	background: transparent !important;
	box-shadow: none;
	/* Let the top scrim (::before) bleed below the bar into the hero. */
	overflow: visible;
	/* Announcement bar still paints; only the main bar goes clear. */
}

header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled) .wsr-announcement,
header.wsr-header--overlay:not(.is-scrolled) .wsr-announcement {
	/* Keep promo bar readable over imagery. */
	position: relative;
	z-index: 1;
}

.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled),
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header {
	/*
	 * Frosted gold glass — warm brand veil over the hero so the logo
	 * and nav stay legible without a brown ink slab. Hero still shows.
	 */
	background: linear-gradient(
		180deg,
		rgba(var(--wsr-gold-rgb), 0.78) 0%,
		rgba(var(--wsr-gold-rgb), 0.55) 58%,
		rgba(var(--wsr-gold-rgb), 0.28) 100%
	) !important;
	background-color: transparent !important;
	/* Soft gold hairline — separates chrome from hero. */
	border-bottom-color: color-mix(
		in srgb,
		var(--wp--preset--color--bronze, #A08F6E) 45%,
		transparent
	) !important;
	box-shadow: none;
	color: var(--wp--preset--color--ink, #3A3228);
	-webkit-backdrop-filter: saturate(145%) blur(14px);
	backdrop-filter: saturate(145%) blur(14px);
	/* Soft depth without a solid bar. */
	text-shadow: 0 1px 10px rgba(var(--wsr-gold-rgb), 0.35);
}

/*
 * Top scrim — warm gold/bronze fade under chrome. Bleeds below the bar
 * then clears into the hero. Removed automatically with .is-scrolled.
 */

header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled)::before,
header.wsr-header--overlay:not(.is-scrolled)::before,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled):not(header .wp-block-wearseraiah-site-header)::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	/* Cover the bar, then fade ~1.4 header-heights into the hero. */
	height: calc(100% + clamp(5rem, 13vh, 8rem));
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(var(--wsr-bronze-rgb), 0.42) 0%,
		rgba(var(--wsr-gold-rgb), 0.34) 24%,
		rgba(var(--wsr-gold-rgb), 0.16) 52%,
		rgba(var(--wsr-gold-rgb), 0.05) 76%,
		rgba(var(--wsr-gold-rgb), 0) 100%
	);
}

/* Keep announcement + header chrome above the scrim. */
header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled) > *,
header.wsr-header--overlay:not(.is-scrolled) > * {
	position: relative;
	z-index: 1;
}

/*
 * Overlay logo: brand gold mark on frosted gold glass. Soft cream rim +
 * ink depth so the monogram does not melt into the jewellery photo.
 * Filter clears when .is-scrolled solidifies the bar.
 */
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wsr-site-header__logo img,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-site-logo img,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .custom-logo,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wsr-site-header__logo img,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wp-block-site-logo img,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .custom-logo {
	filter:
		brightness(0.92)
		contrast(1.18)
		saturate(1.15)
		drop-shadow(0 0 0.85px rgba(247, 243, 235, 0.95))
		drop-shadow(0 1px 2px rgba(var(--wsr-ink-rgb), 0.55))
		drop-shadow(0 0 12px rgba(var(--wsr-ink-rgb), 0.28));
	opacity: 1;
}

/* Ink chrome over frosted gold glass */
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) a,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-site-title a,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-navigation-item__content,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-navigation-item__content:hover,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-navigation-item__content:focus,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header a,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wp-block-site-title a,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wp-block-navigation-item__content {
	color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-navigation__submenu-container,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wp-block-navigation__submenu-container {
	/* Submenus stay solid so they remain readable. */
	background: var(--wp--preset--color--base, #F7F3EB);
	color: var(--wp--preset--color--ink, #3A3228);
	text-shadow: none;
}

.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wp-block-navigation__submenu-container a,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wp-block-navigation__submenu-container a {
	color: var(--wp--preset--color--ink, #3A3228) !important;
}

/* Mini-cart / account / search icons — ink over frosted gold */
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wc-block-mini-cart__button,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wc-block-mini-cart__quantity-badge,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wc-block-customer-account__link,
.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) .wsr-header-search__toggle,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wc-block-mini-cart__button,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wc-block-mini-cart__quantity-badge,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wc-block-customer-account__link,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header .wsr-header-search__toggle {
	color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wp-block-wearseraiah-site-header.is-overlay:not(.is-scrolled) svg,
header.wsr-header--overlay:not(.is-scrolled) .wp-block-wearseraiah-site-header svg {
	color: currentColor;
	fill: currentColor;
}
/* Modern burger: rounded top/bottom bars, shorter middle line.
   Core svg (three square rects) is hidden; bars drawn in CSS. */
.wsr-site-header .wp-block-navigation__responsive-container-open {
	width: 1.25rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	/* Soften vs solid ink so bars sit at icon stroke weight. */
	--wsr-burger-ink: color-mix(in srgb, currentColor 85%, transparent);
	/* Three pill-rounded bars (shorter middle) via svg mask —
	   background layers cannot take border-radius. */
	background: linear-gradient(var(--wsr-burger-ink), var(--wsr-burger-ink)) left center / 100% 100% no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Crect y='5' width='20' height='2' rx='1'/%3E%3Crect y='11' width='13.6' height='2' rx='1'/%3E%3Crect y='17' width='20' height='2' rx='1'/%3E%3C/svg%3E") left center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Crect y='5' width='20' height='2' rx='1'/%3E%3Crect y='11' width='13.6' height='2' rx='1'/%3E%3Crect y='17' width='20' height='2' rx='1'/%3E%3C/svg%3E") left center / 100% 100% no-repeat;
}

.wsr-site-header .wp-block-navigation__responsive-container-open svg {
	display: none;
}
/* ------------------------------------------------------------------ */
/* Scrolled — opaque bar                                               */
/* Overlay starts absolute (out of flow) → switch to fixed when solid. */
/* Non-overlay sticky stays position:sticky (already in-flow).         */
/* ------------------------------------------------------------------ */

header.wp-block-template-part.wsr-header--overlay.is-scrolled,
header.wsr-header--overlay.is-scrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	background: var(--wp--preset--color--base, #F7F3EB);
	box-shadow: 0 1px 0 color-mix(in srgb, var(--wp--preset--color--sand, #DDD2BE) 85%, transparent),
		0 8px 28px rgba(var(--wsr-ink-rgb), 0.06);
}

/* Non-overlay sticky: stay sticky, just add a soft lift when scrolled. */
header.wp-block-template-part.wsr-header--sticky.is-scrolled:not(.wsr-header--overlay),
header.wsr-header--sticky.is-scrolled:not(.wsr-header--overlay) {
	background: var(--wp--preset--color--base, #F7F3EB);
	box-shadow: 0 1px 0 color-mix(in srgb, var(--wp--preset--color--sand, #DDD2BE) 85%, transparent),
		0 8px 28px rgba(var(--wsr-ink-rgb), 0.06);
}

.wp-block-wearseraiah-site-header.is-scrolled,
header.wsr-header--overlay.is-scrolled .wp-block-wearseraiah-site-header,
header.wsr-header--sticky.is-scrolled .wp-block-wearseraiah-site-header {
	background-color: var(--wp--preset--color--base, #F7F3EB) !important;
	border-bottom-color: var(--wp--preset--color--sand, #DDD2BE) !important;
	color: var(--wp--preset--color--ink, #3A3228);
	text-shadow: none;
	/* Soft glass finish — still fully legible */
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	backdrop-filter: saturate(140%) blur(10px);
}

.wp-block-wearseraiah-site-header.is-scrolled a,
.wp-block-wearseraiah-site-header.is-scrolled .wp-block-site-title a,
.wp-block-wearseraiah-site-header.is-scrolled .wp-block-navigation-item__content,
header.wsr-header--overlay.is-scrolled .wp-block-wearseraiah-site-header a,
header.wsr-header--overlay.is-scrolled .wp-block-wearseraiah-site-header .wp-block-site-title a,
header.wsr-header--overlay.is-scrolled .wp-block-wearseraiah-site-header .wp-block-navigation-item__content,
header.wsr-header--sticky.is-scrolled .wp-block-wearseraiah-site-header a {
	color: inherit;
}

/* When the header is fixed, body gets a class so we can reserve space
   and avoid a layout jump on non-overlay pages. Overlay pages already
   had the hero under the header so no spacer is needed until scroll —
   then the fixed bar covers the top of the content intentionally. */
body.wsr-header-scrolled {
	/* reserved for optional spacer hooks */
}

@media (max-width: 781px) {
	/* Burger + logo cluster left | nothing in the center | actions right.
	   auto/auto/1fr keeps the logo directly beside the burger and pushes
	   the actions to the far edge; the 1fr column is the empty center. */
	.wp-block-wearseraiah-site-header.wsr-site-header,
	.wsr-site-header.wp-block-wearseraiah-site-header {
		grid-template-columns: auto auto minmax(0, 1fr);
		/* Half-rail pad on phones — tighter chrome than section rails. */
		padding-inline: 0.75rem !important;
		/* Anchor the mobile full-width search bar (header-search) below
		   the row. Never overrides sticky/absolute modes — those rules
		   carry higher specificity. */
		position: relative;
	}

	.wsr-site-header > .wsr-site-header__brand .wsr-site-header__logo img,
	.wsr-site-header > .wp-block-group.wsr-site-header__brand .wsr-site-header__logo img,
	.wsr-site-header .wp-block-site-logo.wsr-site-header__logo img,
	.wsr-site-header .wp-block-image.wsr-site-header__logo img,
	.wsr-site-header .custom-logo {
		height: 2.35rem !important;
		max-height: 2.35rem !important;
		max-width: min(6.5rem, 42vw) !important;
		object-position: left center;
	}

	.wsr-site-header > .wsr-site-header__brand .wp-block-site-title,
	.wsr-site-header > .wp-block-group.wsr-site-header__brand .wp-block-site-title {
		font-size: 0.95rem;
		letter-spacing: 0.16em;
		white-space: nowrap;
	}

	.wsr-site-header > .wsr-site-header__nav,
	.wsr-site-header > .wp-block-group.wsr-site-header__nav {
		grid-column: 1;
		justify-self: start;
		width: max-content;
	}

	.wsr-site-header > .wsr-site-header__nav .wp-block-navigation,
	.wsr-site-header > .wp-block-group.wsr-site-header__nav .wp-block-navigation {
		justify-content: flex-start;
	}

	/* Logo directly beside the burger — same left cluster, no center slot. */
	.wsr-site-header > .wsr-site-header__brand,
	.wsr-site-header > .wp-block-group.wsr-site-header__brand {
		grid-column: 2;
		justify-self: start;
	}

	.wsr-site-header > .wsr-site-header__actions,
	.wsr-site-header > .wp-block-group.wsr-site-header__actions {
		grid-column: 3;
		justify-self: end;
		padding-inline-start: 0.15rem;
	}
}

/* ------------------------------------------------------------------ */
/* Mobile nav overlay — simple full-screen themed menu                 */
/* ------------------------------------------------------------------ */

.wsr-site-header:has(.wp-block-navigation__responsive-container.is-menu-open),
header.wsr-header--sticky:has(.wp-block-navigation__responsive-container.is-menu-open) .wsr-site-header,
header.wsr-header--overlay:has(.wp-block-navigation__responsive-container.is-menu-open) .wsr-site-header,
.wp-block-wearseraiah-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	filter: none !important;
	transform: none !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	z-index: 100000 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box !important;
	padding:
		max(1.25rem, env(safe-area-inset-top, 0px))
		max(1.5rem, env(safe-area-inset-right, 0px))
		max(2rem, env(safe-area-inset-bottom, 0px))
		max(1.5rem, env(safe-area-inset-left, 0px)) !important;
	background: var(--wp--preset--color--base, #F7F3EB) !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
	text-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	width: 100%;
	max-width: 28rem;
	margin-inline: auto;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	top: max(0.85rem, env(safe-area-inset-top, 0px)) !important;
	right: max(0.85rem, env(safe-area-inset-right, 0px)) !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	width: 100%;
	padding-top: 3.25rem !important;
	overflow: visible !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block !important;
	width: 100%;
	box-sizing: border-box;
	padding: 0.95rem 0.15rem !important;
	font-family: var(--wp--preset--font-family--body, "Jost", sans-serif) !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-align: left !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
	border: 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--sand, #DDD2BE) 85%, transparent) !important;
	background: transparent !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--bronze, #A08F6E) !important;
	outline: none !important;
}

/* Reduced motion: skip the solidify animation. */
@media (prefers-reduced-motion: reduce) {
	.wp-block-wearseraiah-site-header.wsr-site-header,
	header.wp-block-template-part.wsr-header--sticky,
	header.wsr-header--sticky,
	header.wp-block-template-part.wsr-header--overlay,
	header.wsr-header--overlay {
		transition: none;
	}
}