/* Wearseraiah — base styles: block-style definitions, hover states, focus. */
/*
 * Content rail — single source of truth for horizontal alignment.
 * theme.json layout.wideSize / contentSize feed the WP globals;
 * full-bleed shells (header, hero) must pad to THIS rail so left/right
 * edges match constrained sections (categories, products, footer).
 *
 * Formula: padding-inline = max(gutter, (100% - wideSize) / 2)
 * At 1600px / wide 1320 → 140px gutters. Never hug the viewport edge.
 */
:root {
	--wsr-wide-size: var(--wp--style--global--wide-size, 1320px);
	--wsr-content-size: var(--wp--style--global--content-size, 760px);
	--wsr-rail-gutter: var(--wp--preset--spacing--m, 1.5rem);
	--wsr-rail-pad: max(
		var(--wsr-rail-gutter),
		calc((100% - var(--wsr-wide-size)) / 2)
	);

	/* Metal swatch faces — shared by product cards + PDP availability. */
	--wsr-metal-gold: linear-gradient(145deg, #f0d78c 0%, #c9a227 45%, #a67c00 100%);
	--wsr-metal-solid-gold: linear-gradient(145deg, #ffe9a8 0%, #d4af37 50%, #9a7209 100%);
	--wsr-metal-silver: linear-gradient(145deg, #f5f5f5 0%, #c0c0c0 48%, #8a8a8a 100%);
	--wsr-metal-rose: linear-gradient(145deg, #f6d0c0 0%, #e0a090 50%, #b76e79 100%);
	--wsr-metal-two-tone: linear-gradient(135deg, #c0c0c0 0%, #c0c0c0 49%, #d4af37 50%, #d4af37 100%);
	--wsr-metal-default: var(--wp--preset--color--gold, #C9BDA4);

	/* Semantic color aliases — always prefer these / WP presets over bare hex. */
	--wsr-ink-rgb: var(--wp--custom--color--ink-rgb, 58, 50, 40);
	--wsr-gold-rgb: var(--wp--custom--color--gold-rgb, 201, 189, 164);
	--wsr-bronze-rgb: var(--wp--custom--color--bronze-rgb, 160, 143, 110);
	--wsr-ink-deep: var(--wp--custom--color--ink-deep, #2A241E);
	--wsr-ink-deeper: var(--wp--custom--color--ink-deeper, #1A1510);
	--wsr-overlay-soft: var(--wp--custom--color--overlay-soft, 0.2);
	--wsr-overlay-mid: var(--wp--custom--color--overlay-mid, 0.35);
	--wsr-overlay-strong: var(--wp--custom--color--overlay-strong, 0.45);
}



/* Smooth focus visibility for keyboard users. */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #C9BDA4);
	outline-offset: 2px;
}

/* ::selection in palette */
::selection {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--ink);
}

/* ---- core/button : compact rectangular luxury CTA ---- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: var(--wp--preset--color--ink);
}

.wp-block-button .wp-block-button__link {
	border-radius: 0;
	min-height: 0;
	padding: 0.62rem 1.25rem;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
}


.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--wp--preset--color--bronze, #A08F6E);
	border-color: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--bronze, #A08F6E);
	border-color: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
}

/* Buttons on dark/imagery contexts: invert to light. */
.wsr-on-dark .wp-block-button .wp-block-button__link,
.has-ink-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
}
.wsr-on-dark .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.has-ink-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--wp--preset--color--bronze, #A08F6E);
	border-color: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
}

/* ---- core/cover : bottom veil style ---- */
.is-style-veil::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(var(--wsr-ink-rgb), 0) 30%, rgba(var(--wsr-ink-rgb), var(--wsr-overlay-mid)) 100%);
	pointer-events: none;
}
.is-style-veil > .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

/* Core only ships dim classes in steps of 10; odd steps silently fall back
 * to the 0.5 default. Define the odd steps the theme uses. */
.wp-block-cover .wp-block-cover__background.has-background-dim-15 {
	opacity: 0.15;
}
.wp-block-cover .wp-block-cover__background.has-background-dim-25 {
	opacity: 0.25;
}
.wp-block-cover .wp-block-cover__background.has-background-dim-35 {
	opacity: 0.35;
}

/* ---- hero readability ---- */
.wp-block-cover .wp-block-cover__inner-container {
	text-shadow: 0 1px 18px rgba(var(--wsr-ink-rgb), 0.35);
}

/* ---- links: gentle underline reveal ---- */
:where(p, li, .wp-block-post-title a, .woocommerce-loop-product__title) a {
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 0% 1px;
	background-position: 0 100%;
	transition: background-size 0.3s ease;
}
:where(p, li) a:hover {
	background-size: 100% 1px;
}

/* ---- product cards (WooCommerce grid) ---- */
.woocommerce ul.products li.product {
	position: relative;
	text-align: center;
}
.woocommerce ul.products li.product img {
	transition: transform 0.5s cubic-bezier(0.2, 0.6, 0.2, 1);
	margin-bottom: 1.1rem;
}
.woocommerce ul.products li.product:hover img {
	transform: translateY(-4px);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
	padding: 0;
	margin-bottom: 0.35rem;
}
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--gold, #C9BDA4);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.04em;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	font-size: 0.6875rem;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
	padding: 0.62em 1.25em;
	min-height: 0;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
	border-color: var(--wp--preset--color--bronze, #A08F6E);
}

/* ---- WooCommerce forms/inputs inherit body type ---- */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	border: 1px solid var(--wp--preset--color--sand);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--body);
	padding: 0.7em 0.9em;
	border-radius: 3px;
}

/* ---- WooCommerce notices tinted to palette ---- */
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--wp--preset--color--gold);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
}
.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--wp--preset--color--gold, #C9BDA4);
}

/* ---- Mini-cart drawer: palette + CTA alignment (WC block defaults
 * ship a white panel, #32373c buttons, and a neutral-black scrim —
 * none of which belong to the warm cream/ink/gold palette). ---- */

/* Scrim: ink-tinted, matching the product-filters drawer. */
.wc-block-components-drawer__screen-overlay {
	background-color: rgba(var(--wsr-ink-rgb), var(--wsr-overlay-mid));
}

/* Panel: warm base instead of WC's white. */
.wc-block-components-drawer {
	background: var(--wp--preset--color--base, #F7F3EB);
	color: var(--wp--preset--color--ink, #3A3228);
}

/* Cart title stays on the display face; drop the oversized 2em default
 * to the theme's x-large heading step so it sits in the drawer. */
.wc-block-mini-cart__title {
	font-family: var(--wp--preset--font-family--display, "Cormorant Garamond", serif);
	font-size: var(--wp--preset--font-size--x-large, clamp(1.5rem, 1.2rem + 1.2vw, 2rem));
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.12;
	color: var(--wp--preset--color--ink, #3A3228);
}

/* Subtotal: tracked small-caps label like the theme's H5 step. */
.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__label {
	font-size: var(--wp--preset--font-size--tiny, 0.75rem);
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold, #C9BDA4);
}
.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__price {
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--ink, #3A3228);
}

/* Footer CTA row: compact uppercase luxury buttons — solid ink
 * "Go to checkout" + outline "View my cart" (same as core/button). */
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.wc-block-mini-cart__shopping-button.wc-block-components-button {
	border-radius: 0;
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
	padding: 0.62rem 1.25rem;
	min-height: 0;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* "View my cart" (outline) — theme outline: ink hairline, transparent. */
.wc-block-mini-cart__footer-actions .wc-block-components-button.is-style-outline,
.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
	background: transparent;
	color: var(--wp--preset--color--ink, #3A3228);
	box-shadow: inset 0 0 0 1px currentColor;
}
.wc-block-mini-cart__footer-actions .wc-block-components-button.is-style-outline:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button.is-style-outline:focus,
.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:focus {
	background: var(--wp--preset--color--bronze, #A08F6E);
	box-shadow: none;
	color: var(--wp--preset--color--base, #F7F3EB);
}

/* "Go to checkout" (solid) — theme ink → bronze hover. Note: WC
 * renders this button WITHOUT a fill variant class, so it would fall
 * back to the global wp-element-button #32373c — target the block. */
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout {
	background: var(--wp--preset--color--ink, #3A3228);
	color: var(--wp--preset--color--base, #F7F3EB);
}
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout:focus {
	background: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
}

/* Cart page is redirected home — hide the drawer "View my cart" CTA
 * so shoppers only use Checkout (or keep browsing). */
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart {
	display: none !important;
}

/* Empty state: "Start shopping" CTA — outline treatment (the class
 * sits on the anchor itself, not a wrapper). */
.wc-block-mini-cart__shopping-button.wc-block-components-button {
	background: transparent;
	border: 1px solid var(--wp--preset--color--ink, #3A3228);
	color: var(--wp--preset--color--ink, #3A3228);
	text-decoration: none;
}
.wc-block-mini-cart__shopping-button.wc-block-components-button:hover,
.wc-block-mini-cart__shopping-button.wc-block-components-button:focus {
	background: var(--wp--preset--color--bronze, #A08F6E);
	border-color: var(--wp--preset--color--bronze, #A08F6E);
	color: var(--wp--preset--color--base, #F7F3EB);
}

/* Category tiles live in blocks/category-tiles/style.css */


/* Collection panels live in blocks/collection-panels/style.css */


/* Reviews band lives in blocks/reviews/style.css */


/* Instagram strip */
.wsr-instagram__gallery.wp-block-gallery {
	--wsr-ig-gap: 0;
	gap: 0 !important;
}

.wsr-instagram__gallery.wp-block-gallery.has-nested-images {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.wsr-instagram__gallery.wp-block-gallery.has-nested-images figure.wp-block-image {
	margin: 0 !important;
	width: 100% !important;
}

.wsr-instagram__gallery.wp-block-gallery.has-nested-images figure.wp-block-image img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}

@media (max-width: 900px) {
	.wsr-instagram__gallery.wp-block-gallery.has-nested-images {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.wsr-instagram__gallery.wp-block-gallery.has-nested-images {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Main stack: kill accidental block gap between full-bleed sections */
main.wp-block-group > * {
	margin-block-start: 0;
}

/* Article / page body rhythm: root block gap is zeroed theme-wide so
 * full-bleed sections sit seamless; post content restores a readable
 * 1.5rem cadence by redefining the gap var on the content wrapper. */
.entry-content {
	--wp--style--block-gap: var(--wp--preset--spacing--m);
}


/* Header sits flush on main — no root block-gap under the border line. */
.wp-site-blocks > header.wp-block-template-part + * {
	margin-block-start: 0 !important;
}

/* Main also sits flush so overlay hero can meet the viewport top. */
.wp-site-blocks > header.wp-block-template-part + main.wp-block-group,
.wp-site-blocks > header.wp-block-template-part + .wp-block-group {
	margin-block-start: 0 !important;
}

/* Under-header heroes (banner + slideshow + legacy cover). */
.wsr-hero-under-header.wp-block-cover,
.wp-block-cover.wsr-hero-under-header,
.wsr-hero-under-header.wp-block-wearseraiah-hero-banner,
.wsr-hero-under-header.wp-block-wearseraiah-hero-slideshow {
	margin-top: 0 !important;
}

/*
 * Overlay header: first hero sits flush under absolute chrome.
 * Covers hero-banner, hero-slideshow, and legacy cover heroes.
 */
header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled) + main > .wsr-hero-under-header:first-child,
header.wp-block-template-part.wsr-header--overlay:not(.is-scrolled) + .wp-block-group > .wsr-hero-under-header:first-child,
header.wsr-header--overlay:not(.is-scrolled) + main > .wsr-hero-under-header:first-child {
	margin-top: 0;
}

/* Header layout: blocks/site-header (wearseraiah/site-header). */

/* ============================================================
 * Shop / category archive (PLP)
 * ============================================================ */

.wsr-shop-archive,
body.wsr-is-product-archive {
	background: var(--wp--preset--color--base, #F7F3EB);
}

.wsr-shop-archive__header {
	width: 100%;
	max-width: none;
	padding-inline: var(--wsr-rail-pad, 1.5rem);
	box-sizing: border-box;
}

.wsr-shop-archive__header .wp-block-query-title,
.wsr-shop-archive__header .wp-block-post-title,
.wsr-shop-archive__header h1 {
	font-family: var(--wp--preset--font-family--display, 'Cormorant Garamond', serif);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--ink, #3A3228);
	margin: 0;
}

/* Product collection shell — full wide rail (same as header).
 * Do NOT combine max-width:1320 with rail-pad — that double-shrinks. */
.wsr-shop-archive .wp-block-woocommerce-product-collection.wsr-shop-archive__collection,
.wsr-shop-archive .wsr-shop-archive__collection {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
	padding-inline: var(--wsr-rail-pad, 1.5rem);
	box-sizing: border-box;
}

.wsr-shop-archive .wsr-shop-archive__collection .wc-block-product-template,
.wsr-shop-archive .wsr-shop-archive__collection .wsr-shop-archive__toolbar,
.wsr-shop-archive .wsr-shop-archive__collection .wp-block-query-pagination {
	width: 100%;
	max-width: none;
}

/* Store notices — bare alignwide sits at x=0; force same rail as grid. */
.wsr-shop-archive .wsr-shop-archive__notices,
.wsr-shop-archive .wp-block-woocommerce-store-notices,
.wsr-shop-archive .wc-block-store-notices {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
	padding-inline: var(--wsr-rail-pad, 1.5rem);
	box-sizing: border-box;
}

.wsr-shop-archive .wsr-shop-archive__notices .wp-block-woocommerce-store-notices,
.wsr-shop-archive .wsr-shop-archive__notices .wc-block-store-notices {
	/* wrapper already pads — avoid double pad on nested notice root */
	padding-inline: 0;
	max-width: none !important;
	width: 100% !important;
}


/* Toolbar: Filter drawer trigger + count | Product/Model + Sort */
.wsr-shop-archive__toolbar {
	width: 100%;
	gap: 1rem 1.5rem;
	margin-bottom: 0.5rem;
}

.wsr-shop-archive__toolbar-start,
.wsr-shop-archive__toolbar-end {
	gap: 0.85rem 1.25rem;
}

.wsr-shop-archive__toolbar-end {
	margin-left: auto;
}

/* Filter drawer — force overlay drawer at ALL breakpoints
 * (WC defaults to always-visible sidebar ≥601px; reference is drawer-only). */
.wsr-shop-archive .wc-block-product-filters.wsr-shop-filters,
.wsr-shop-archive .wsr-shop-filters.wc-block-product-filters {
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
	--wc-product-filters-background-color: var(--wp--preset--color--base, #F7F3EB);
	--wc-product-filters-text-color: var(--wp--preset--color--ink, #3A3228);
	--wc-product-filters-overlay-background-color: var(--wp--preset--color--base, #F7F3EB);
	--wc-product-filters-overlay-text-color: var(--wp--preset--color--ink, #3A3228);

	/* Price slider tokens */
	--wc-product-filter-price-slider: var(--wp--preset--color--ink, #3A3228);
	--wc-product-filter-price-slider-handle: var(--wp--preset--color--base, #F7F3EB);
	--wc-product-filter-price-slider-handle-border: var(--wp--preset--color--ink, #3A3228);

	/* Checkbox tokens */
	--wc-product-filter-checkbox-list-option-element: transparent;
	--wc-product-filter-checkbox-list-option-element-border: var(--wp--preset--color--gold, #C9BDA4);
	--wc-product-filter-checkbox-list-option-element-selected: var(--wp--preset--color--ink, #3A3228);
	--wc-product-filter-checkbox-list-label-element: var(--wp--preset--color--ink, #3A3228);
}


.wsr-shop-archive .wc-block-product-filters__open-overlay,
.wsr-shop-filters .wc-block-product-filters__open-overlay {
	display: inline-flex !important;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.85rem;
	border: 1px solid var(--wp--preset--color--gold, #C9BDA4);
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--ink, #3A3228);
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.wsr-shop-archive .wc-block-product-filters__open-overlay:hover,
.wsr-shop-filters .wc-block-product-filters__open-overlay:hover {
	border-color: var(--wp--preset--color--ink, #3A3228);
	background: var(--wp--preset--color--surface, #EFE8DB);
}

.wsr-shop-archive .wc-block-product-filters__open-overlay svg,
.wsr-shop-filters .wc-block-product-filters__open-overlay svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
}

/* Closed: hide panel completely (override WC desktop sidebar mode). */
.wsr-shop-archive .wc-block-product-filters:not(.is-overlay-opened) .wc-block-product-filters__overlay,
.wsr-shop-filters:not(.is-overlay-opened) .wc-block-product-filters__overlay {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	background: transparent !important;
	pointer-events: none !important;
	z-index: -1 !important;
	flex-grow: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
}

.wsr-shop-archive .wc-block-product-filters:not(.is-overlay-opened) .wc-block-product-filters__overlay-dialog,
.wsr-shop-filters:not(.is-overlay-opened) .wc-block-product-filters__overlay-dialog {
	transform: translateX(-105%) !important;
	position: absolute !important;
}

/* Open: full-screen dim + left drawer panel. */
.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(var(--wsr-ink-rgb), var(--wsr-overlay-mid)) !important;
	pointer-events: auto !important;
	z-index: 100000 !important;
	opacity: 1 !important;
	overflow: hidden !important;
	flex-grow: 0 !important;
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-wrapper,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-wrapper {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: min(22.5rem, 92vw) !important;
	max-width: 100% !important;
	max-height: 100% !important;
	transform: none !important;
	background: var(--wp--preset--color--base, #F7F3EB) !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
	box-shadow: 8px 0 32px rgba(var(--wsr-ink-rgb), 0.12);
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-header,
.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-footer,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-header,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-footer {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 auto;
	padding: 1rem 1.25rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-header,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-header {
	/* WC defaults to row-reverse; keep normal row so flex-end = visual right. */
	flex-flow: row nowrap !important;
	justify-content: flex-end !important;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold, #C9BDA4) 55%, transparent);
}


.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-footer,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-footer {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--gold, #C9BDA4) 55%, transparent);
	background: var(--wp--preset--color--base, #F7F3EB);
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-content {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	padding: 1rem 1.25rem 1.5rem !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	/* Kill gutter scrollbar flash on short content; still scroll when needed. */
	scrollbar-gutter: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--gold, #C9BDA4) transparent;
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content::-webkit-scrollbar,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-content::-webkit-scrollbar {
	width: 6px;
	height: 0; /* never show horizontal bar */
}

.wsr-shop-archive .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content::-webkit-scrollbar-thumb,
.wsr-shop-filters.is-overlay-opened .wc-block-product-filters__overlay-content::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--gold, #C9BDA4);
	border-radius: 999px;
}

/* Contain every filter block inside the padded content width. */
.wsr-shop-archive .wc-block-product-filters__overlay-content > *,
.wsr-shop-filters .wc-block-product-filters__overlay-content > *,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-price,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-attribute,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-taxonomy,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-active,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-clear-button {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/*
 * Active-filters block unhides on any filter change (price included) but often
 * stays empty until chips render. Flex gap on an empty sibling = white space
 * above PRICE. Collapse it whenever there's nothing to show.
 */
.wsr-shop-archive .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active:empty,
.wsr-shop-archive .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active.wc-block-product-filter--hidden,
.wsr-shop-archive .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active[hidden],
.wsr-shop-filters .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active:empty,
.wsr-shop-filters .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active.wc-block-product-filter--hidden,
.wsr-shop-filters .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-active[hidden] {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	/* Flex items with display:none drop out of gap calculation. */
}

.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-price,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-attribute,
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-taxonomy {
	margin: 0 0 1.1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold, #C9BDA4) 40%, transparent);
}

.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-taxonomy {
	border-bottom: 0;
	padding-bottom: 0.25rem;
	margin-bottom: 0.35rem;
}



.wsr-shop-archive .wc-block-product-filters__overlay-dialog .wp-block-heading,
.wsr-shop-filters .wc-block-product-filters__overlay-dialog .wp-block-heading {
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif) !important;
	font-size: 0.6875rem !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--muted, #756B58) !important;
	margin: 0 0 0.9rem !important;
	line-height: 1.2 !important;
}

.wsr-shop-archive .wc-block-product-filters__close-overlay,
.wsr-shop-filters .wc-block-product-filters__close-overlay {
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
	margin-left: auto;
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--muted, #756B58);
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0.35rem 0;
	transition: color 0.2s ease;
}

.wsr-shop-archive .wc-block-product-filters__close-overlay:hover,
.wsr-shop-filters .wc-block-product-filters__close-overlay:hover {
	color: var(--wp--preset--color--ink, #3A3228);
}

.wsr-shop-archive .wc-block-product-filters__close-overlay svg,
.wsr-shop-filters .wc-block-product-filters__close-overlay svg {
	width: 1rem;
	height: 1rem;
	order: 2; /* label then X — reads as CLOSE × on the right */
}

.wsr-shop-archive .wc-block-product-filters__close-overlay span,
.wsr-shop-filters .wc-block-product-filters__close-overlay span {
	order: 1;
	padding: 0;
}


/* ---- Price slider ---- */
.wsr-shop-archive .wc-block-product-filter-price-slider,
.wsr-shop-archive .wp-block-woocommerce-product-filter-price-slider,
.wsr-shop-filters .wc-block-product-filter-price-slider,
.wsr-shop-filters .wp-block-woocommerce-product-filter-price-slider {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__content,
.wsr-shop-filters .wc-block-product-filter-price-slider__content {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	column-gap: 0.65rem !important;
	row-gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	grid-template-areas:
		"price-slider price-slider"
		"left-input right-input" !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range,
.wsr-shop-filters .wc-block-product-filter-price-slider__range {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin: 0.85rem 0 0.35rem !important;
	height: 2px !important;
	border-radius: 0 !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range:before,
.wsr-shop-filters .wc-block-product-filter-price-slider__range:before {
	background: var(--wp--preset--color--gold, #C9BDA4) !important;
	opacity: 0.55 !important;
	border-radius: 0 !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range .range-bar,
.wsr-shop-filters .wc-block-product-filter-price-slider__range .range-bar {
	height: 2px !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__left,
.wsr-shop-archive .wc-block-product-filter-price-slider__right,
.wsr-shop-filters .wc-block-product-filter-price-slider__left,
.wsr-shop-filters .wc-block-product-filter-price-slider__right {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* WC selector expects .wc-block-product-filter-price-slider root; block uses wp-block-* —
   force both so price fields never fall back to ~20ch browser default (overflow). */
.wsr-shop-archive .wc-block-product-filter-price-slider .text input[type="text"],
.wsr-shop-archive .wp-block-woocommerce-product-filter-price-slider .text input[type="text"],
.wsr-shop-archive .wc-block-product-filter-price-slider__left input,
.wsr-shop-archive .wc-block-product-filter-price-slider__right input,
.wsr-shop-filters .wc-block-product-filter-price-slider .text input[type="text"],
.wsr-shop-filters .wp-block-woocommerce-product-filter-price-slider .text input[type="text"],
.wsr-shop-filters .wc-block-product-filter-price-slider__left input,
.wsr-shop-filters .wc-block-product-filter-price-slider__right input {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0.55rem 0.65rem !important;
	border: 1px solid var(--wp--preset--color--gold, #C9BDA4) !important;
	border-radius: 0 !important;
	background: var(--wp--preset--color--base, #F7F3EB) !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif) !important;
	font-size: 0.8125rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em;
	line-height: 1.2 !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__left input:focus,
.wsr-shop-archive .wc-block-product-filter-price-slider__right input:focus,
.wsr-shop-filters .wc-block-product-filter-price-slider__left input:focus,
.wsr-shop-filters .wc-block-product-filter-price-slider__right input:focus {
	outline: none !important;
	border-color: var(--wp--preset--color--ink, #3A3228) !important;
	background: var(--wp--preset--color--surface, #EFE8DB) !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb {
	width: 14px !important;
	height: 14px !important;
	margin-top: -6px !important;
	background: var(--wp--preset--color--base, #F7F3EB) !important;
	border: 1.5px solid var(--wp--preset--color--ink, #3A3228) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb {
	width: 14px !important;
	height: 14px !important;
	background: var(--wp--preset--color--base, #F7F3EB) !important;
	border: 1.5px solid var(--wp--preset--color--ink, #3A3228) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]:hover::-webkit-slider-thumb,
.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]:focus::-webkit-slider-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]:hover::-webkit-slider-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]:focus::-webkit-slider-thumb {
	background: var(--wp--preset--color--ink, #3A3228) !important;
	border-color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]:hover::-moz-range-thumb,
.wsr-shop-archive .wc-block-product-filter-price-slider__range input[type="range"]:focus::-moz-range-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]:hover::-moz-range-thumb,
.wsr-shop-filters .wc-block-product-filter-price-slider__range input[type="range"]:focus::-moz-range-thumb {
	background: var(--wp--preset--color--ink, #3A3228) !important;
	border-color: var(--wp--preset--color--ink, #3A3228) !important;
}

/* ---- Checkbox list ---- */
.wsr-shop-archive .wc-block-product-filter-checkbox-list,
.wsr-shop-filters .wc-block-product-filter-checkbox-list {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__list,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__list {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__item,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__item {
	margin: 0;
	padding: 0;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__label,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__label {
	display: flex !important;
	align-items: center;
	gap: 0.7em !important;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0.42rem 0.15rem;
	box-sizing: border-box;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.875rem;
	line-height: 1.3;
	color: var(--wp--preset--color--ink, #3A3228);
	transition: color 0.15s ease;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__label:hover,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__label:hover {
	color: var(--wp--preset--color--bronze, #A08F6E);
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__input-wrapper,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__input-wrapper {
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__input-wrapper:before,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__input-wrapper:before {
	display: none !important; /* kill WC grey square wash */
}

.wsr-shop-archive input[type="checkbox"].wc-block-product-filter-checkbox-list__input,
.wsr-shop-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	border: 1px solid var(--wp--preset--color--gold, #C9BDA4) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.wsr-shop-archive input[type="checkbox"].wc-block-product-filter-checkbox-list__input:checked,
.wsr-shop-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:checked {
	background: var(--wp--preset--color--ink, #3A3228) !important;
	border-color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wsr-shop-archive input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus-visible,
.wsr-shop-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #C9BDA4);
	outline-offset: 2px;
}

.wsr-shop-archive svg.wc-block-product-filter-checkbox-list__mark,
.wsr-shop-filters svg.wc-block-product-filter-checkbox-list__mark {
	color: var(--wp--preset--color--base, #F7F3EB) !important;
	padding: 0.12em !important;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__text-wrapper,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__text-wrapper {
	display: inline-flex !important;
	align-items: baseline;
	justify-content: flex-start;
	flex: 1 1 auto;
	min-width: 0;
	gap: 0.35em !important;
	font-size: 0.9375rem !important;
	letter-spacing: 0.01em;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__text,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__text {
	color: inherit !important;
	display: inline !important;
}

.wsr-shop-archive .wc-block-product-filter-checkbox-list__count,
.wsr-shop-filters .wc-block-product-filter-checkbox-list__count {
	display: inline !important;
	color: var(--wp--preset--color--muted, #756B58) !important;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	white-space: nowrap;
}


/* Clear filters outline button */
.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
.wsr-shop-filters .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 0;
	padding: 0.7rem 1rem;
	border: 1px solid var(--wp--preset--color--gold, #C9BDA4) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--wp--preset--color--ink, #3A3228) !important;
	font-size: 0.6875rem !important;
	font-weight: 500;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

.wsr-shop-archive .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link:hover,
.wsr-shop-filters .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link:hover {
	background: var(--wp--preset--color--surface, #EFE8DB) !important;
	border-color: var(--wp--preset--color--ink, #3A3228) !important;
}

.wsr-shop-archive .wc-block-product-filters__apply,
.wsr-shop-filters .wc-block-product-filters__apply {
	background: var(--wp--preset--color--ink, #3A3228) !important;
	color: var(--wp--preset--color--base, #F7F3EB) !important;
	border: 1px solid var(--wp--preset--color--ink, #3A3228) !important;
	border-radius: 0 !important;
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 0.95em 1.5em;
	width: 100%;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wsr-shop-archive .wc-block-product-filters__apply:hover,
.wsr-shop-archive .wc-block-product-filters__apply:focus,
.wsr-shop-filters .wc-block-product-filters__apply:hover,
.wsr-shop-filters .wc-block-product-filters__apply:focus {
	background: var(--wp--preset--color--bronze, #A08F6E) !important;
	border-color: var(--wp--preset--color--bronze, #A08F6E) !important;
	color: var(--wp--preset--color--base, #F7F3EB) !important;
}


.wsr-shop-archive .wc-block-product-results-count,
.wsr-shop-archive .woocommerce-result-count {
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted, #756B58);
	margin: 0;
}

.wsr-shop-archive .woocommerce-ordering,
.wsr-shop-archive .wc-block-catalog-sorting {
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.75rem;
	color: var(--wp--preset--color--ink, #3A3228);
	line-height: 1.2;
}

/* Label + control on one baseline — fixes “Sort by” / value height mismatch. */
.wsr-shop-archive .woocommerce-ordering {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
	float: none;
}

.wsr-shop-archive .wc-block-catalog-sorting .woocommerce-ordering {
	margin: 0;
}

.wsr-shop-archive .woocommerce-ordering > label,
.wsr-shop-archive .woocommerce-ordering label[for^="woocommerce-orderby"] {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted, #756B58);
	white-space: nowrap;
	flex: 0 0 auto;
}

/* Native select (no-JS / progressive) */
.wsr-shop-archive .woocommerce-ordering select,
.wsr-shop-archive .wc-block-catalog-sorting select,
.wsr-shop-archive select.orderby {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	min-height: 1.75rem;
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--gold, #C9BDA4);
	border-radius: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%233A3228' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.1rem center;
	background-size: 0.7rem auto;
	padding: 0.3rem 1.35rem 0.3rem 0;
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.2;
	color: var(--wp--preset--color--ink, #3A3228);
	cursor: pointer;
}

.wsr-shop-archive .woocommerce-ordering select:focus,
.wsr-shop-archive .wc-block-catalog-sorting select:focus,
.wsr-shop-archive select.orderby:focus {
	outline: none;
	border-bottom-color: var(--wp--preset--color--ink, #3A3228);
}

.wsr-shop-archive .woocommerce-ordering select:focus-visible,
.wsr-shop-archive select.orderby:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #C9BDA4);
	outline-offset: 3px;
}

/* Custom themed orderby (JS-enhanced) */
.wsr-shop-archive .wsr-orderby {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 7.5rem;
	vertical-align: middle;
}

.wsr-shop-archive .wsr-orderby__native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	appearance: none !important;
	background: none !important;
	pointer-events: none !important;
}

.wsr-shop-archive .wsr-orderby__trigger {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem;
	width: 100%;
	min-height: 1.75rem;
	margin: 0;
	padding: 0.3rem 0.1rem 0.3rem 0;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--gold, #C9BDA4);
	border-radius: 0;
	background: transparent;
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.2;
	color: var(--wp--preset--color--ink, #3A3228);
	text-align: left;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.wsr-shop-archive .wsr-orderby__trigger:hover {
	border-bottom-color: var(--wp--preset--color--ink, #3A3228);
}

.wsr-shop-archive .wsr-orderby.is-open .wsr-orderby__trigger {
	border-bottom-color: var(--wp--preset--color--ink, #3A3228);
}

.wsr-shop-archive .wsr-orderby__trigger:focus {
	outline: none;
}

.wsr-shop-archive .wsr-orderby__trigger:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #C9BDA4);
	outline-offset: 3px;
}

.wsr-shop-archive .wsr-orderby__trigger-label {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.wsr-shop-archive .wsr-orderby__chevron {
	flex: 0 0 auto;
	width: 0.42rem;
	height: 0.42rem;
	margin-top: -0.18rem;
	border-right: 1.15px solid currentColor;
	border-bottom: 1.15px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.7;
	transition: transform 0.2s ease, opacity 0.2s ease, margin-top 0.2s ease;
}

.wsr-shop-archive .wsr-orderby.is-open .wsr-orderby__chevron {
	margin-top: 0.12rem;
	transform: rotate(225deg);
	opacity: 1;
}

.wsr-shop-archive .wsr-orderby__menu {
	position: absolute;
	top: calc(100% + 0.35rem);
	right: 0;
	left: auto;
	z-index: 40;
	min-width: max(100%, 11.5rem);
	margin: 0;
	padding: 0.35rem 0;
	list-style: none;
	background: var(--wp--preset--color--base, #F7F3EB);
	border: 1px solid var(--wp--preset--color--gold, #C9BDA4);
	border-radius: 0;
	box-shadow: 0 10px 28px rgba(var(--wsr-ink-rgb), 0.1);
}

.wsr-shop-archive .wsr-orderby__menu[hidden] {
	display: none !important;
}

.wsr-shop-archive .wsr-orderby__menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wsr-shop-archive .wsr-orderby__option {
	appearance: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.9rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.25;
	color: var(--wp--preset--color--ink, #3A3228);
	text-align: left;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wsr-shop-archive .wsr-orderby__option:hover,
.wsr-shop-archive .wsr-orderby__option:focus {
	outline: none;
	background: var(--wp--preset--color--surface, #EFE8DB);
	color: var(--wp--preset--color--ink, #3A3228);
}

.wsr-shop-archive .wsr-orderby__option.is-selected,
.wsr-shop-archive .wsr-orderby__option[aria-selected="true"] {
	background: var(--wp--preset--color--surface, #EFE8DB);
	color: var(--wp--preset--color--ink, #3A3228);
	font-weight: 500;
}

.wsr-shop-archive .wsr-orderby__option.is-selected::before,
.wsr-shop-archive .wsr-orderby__option[aria-selected="true"]::before {
	content: "";
	display: inline-block;
	width: 0.35rem;
	height: 0.35rem;
	margin-right: 0.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--gold, #C9BDA4);
	vertical-align: 0.05em;
}

/* Keep toolbar end controls on a shared optical midline */
.wsr-shop-archive__toolbar-end {
	align-items: center;
}

.wsr-shop-archive__toolbar-end .wp-block-woocommerce-catalog-sorting,
.wsr-shop-archive__toolbar-end .wc-block-catalog-sorting {
	display: inline-flex;
	align-items: center;
}


/* Product collection cards */
.wsr-shop-archive .wc-block-product-template,
.wsr-shop-archive ul.wc-block-product-template,
.wsr-shop-archive .wsr-product-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: clamp(0.65rem, 1.5vw, 1rem);
	column-gap: clamp(0.65rem, 1.5vw, 1rem);
	row-gap: clamp(1.1rem, 2vw, 1.5rem);
}

.wsr-shop-archive .wc-block-product,
.wsr-shop-archive .wc-block-product-template .wc-block-product,
.wsr-shop-archive li.wc-block-product {
	text-align: center;
	padding: 0;
	margin: 0;
	min-width: 0;
}

/* Legacy WC product-image cards (if any remain outside product-card block). */
.wsr-shop-archive .wc-block-components-product-image,
.wsr-shop-archive .wsr-product-card__image {
	margin: 0;
	overflow: hidden;
	background: var(--wp--preset--color--base, #F7F3EB);
}

.wsr-shop-archive .wc-block-components-product-image img,
.wsr-shop-archive .wsr-product-card__image img {
	transition: transform 0.55s cubic-bezier(0.2, 0.6, 0.2, 1);
	object-fit: contain;
}

.wsr-shop-archive .wc-block-product:hover .wc-block-components-product-image img,
.wsr-shop-archive .wc-block-product:hover .wsr-product-card__image img {
	transform: scale(1.03);
}

.wsr-shop-archive .wc-block-components-product-sale-badge,
.wsr-shop-archive .wc-block-product .wc-block-components-product-sale-badge {
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.625rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: var(--wp--preset--color--base, #F7F3EB);
	color: var(--wp--preset--color--ink, #3A3228);
	border-radius: 0;
	padding: 0.35em 0.55em;
}

.wsr-shop-archive .wc-block-product .wp-block-post-title,
.wsr-shop-archive .wc-block-product .wp-block-post-title a {
	font-family: var(--wp--preset--font-family--heading, Georgia, serif);
	font-size: 0.9375rem;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.01em;
	text-transform: none;
	color: var(--wp--preset--color--ink, #3A3228);
	text-decoration: none;
}

.wsr-shop-archive .wc-block-product .wp-block-post-title a:hover {
	color: var(--wp--preset--color--gold, #C9BDA4);
}

.wsr-shop-archive .wc-block-components-product-price {
	color: var(--wp--preset--color--gold, #C9BDA4);
}

.wsr-shop-archive .wp-block-query-pagination {
	font-family: var(--wp--preset--font-family--body, Jost, sans-serif);
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wsr-shop-archive .wp-block-query-pagination a,
.wsr-shop-archive .wp-block-query-pagination span {
	color: var(--wp--preset--color--ink, #3A3228);
}

@media (max-width: 781px) {
	.wsr-shop-archive__toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.wsr-shop-archive__toolbar-start,
	.wsr-shop-archive__toolbar-end {
		width: 100%;
		justify-content: space-between;
	}

	.wsr-shop-archive__toolbar-end {
		margin-left: 0;
	}
}

/* ------------------------------------------------------------------ */
/* Site header — logo left / nav center / actions right                 */
/* Lives in base.css so theme Version busts browser cache (block CSS    */
/* handles often stick on core ver=7.x and serve stale layout).         */
/* ------------------------------------------------------------------ */
.wp-block-wearseraiah-site-header.wsr-site-header,
.wsr-site-header.wp-block-wearseraiah-site-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	grid-template-rows: auto !important;
	align-items: center !important;
	gap: var(--wsr-header-row-gap, 0.35rem) var(--wsr-header-column-gap, 0.75rem);
	width: 100%;
	box-sizing: border-box;
}

.wsr-site-header.wp-block-wearseraiah-site-header > * + *,
.wp-block-wearseraiah-site-header.wsr-site-header > * + * {
	margin-block-start: 0 !important;
}

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

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

.wsr-site-header > .wsr-site-header__actions,
.wsr-site-header > .wp-block-group.wsr-site-header__actions {
	grid-column: 3 !important;
	grid-row: 1 !important;
	justify-self: end !important;
	align-self: center !important;
	width: max-content !important;
	max-width: 100%;
	margin: 0 !important;
	min-width: 0;
	z-index: 1;
}

.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;
}

/* Header action icons — one shared optical size (search, account, cart).
   WC ships the mini-cart svg smaller; force it to match. */
.wsr-site-header .wc-block-customer-account__account-icon,
.wsr-site-header .wc-block-mini-cart__button svg,
.wsr-site-header .wsr-header-search__icon,
.wsr-site-header .wsr-header-search__icon svg {
	width: 1.5rem;
	height: 1.5rem;
}

/* Zero visual gap between header action icons — strip WC default
   inline padding on account/mini-cart controls + search toggle. */
.wsr-site-header__actions .wc-block-mini-cart__button,
.wsr-site-header__actions .wc-block-customer-account__link,
.wsr-site-header__actions .wsr-header-search__toggle {
	padding-inline: 0;
}

/* 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;
}

.wsr-site-header .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 {
	width: auto !important;
	max-width: min(7.5rem, 38vw) !important;
	margin: 0 !important;
	line-height: 0;
}

.wsr-site-header .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__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;
}

@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 {
		/* Two extra columns so account + cart can sit beside the empty
		   center while the search strip takes row 2 full-width. */
		grid-template-columns: auto auto minmax(0, 1fr) auto auto !important;
		/* 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;
	}

	/* Search strip: drop wrapper + actions flex row from the layout so
	   the panel becomes an in-flow second row of the header grid (page
	   content then always starts below it — no title collision). */
	.wsr-header-search,
	.wsr-site-header > .wsr-site-header__actions,
	.wsr-site-header > .wp-block-group.wsr-site-header__actions {
		display: contents !important;
	}

	.wsr-site-header > .wsr-site-header__actions > .wp-block-woocommerce-customer-account,
	.wsr-site-header > .wp-block-group.wsr-site-header__actions > .wp-block-woocommerce-customer-account {
		grid-column: 4 !important;
		grid-row: 1 !important;
		justify-self: end !important;
	}

	.wsr-site-header > .wsr-site-header__actions > .wc-block-mini-cart,
	.wsr-site-header > .wp-block-group.wsr-site-header__actions > .wc-block-mini-cart {
		grid-column: 5 !important;
		grid-row: 1 !important;
		justify-self: end !important;
	}

	.wsr-site-header .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__nav,
	.wsr-site-header > .wp-block-group.wsr-site-header__nav {
		grid-column: 1 !important;
		justify-self: start !important;
		width: max-content !important;
	}

	.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 !important;
		justify-self: start !important;
	}

	.wsr-site-header > .wsr-site-header__actions,
	.wsr-site-header > .wp-block-group.wsr-site-header__actions {
		grid-column: 3 !important;
		justify-self: end !important;
	}
}

/* ------------------------------------------------------------------ */
/* 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;
}

/* Desktop nav dropdowns — themed panel matching the header aesthetic. */
.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	min-width: 220px;
	padding: 0.85rem 0;
	background: var(--wp--preset--color--base, #F7F3EB);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--sand, #DDD2BE) 80%, transparent);
	box-shadow: 0 18px 40px rgba(58, 50, 40, 0.12);
	transition: opacity 0.18s ease;
}

.wsr-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-wearseraiah-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 0.62rem 1.75rem;
	font-family: var(--wp--preset--font-family--body, "Jost", sans-serif);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink, #3A3228);
}

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