/* ==========================
   SECTION SYSTEM
========================== */

.section {
	padding-block: var(--section-spacing-md);
}

.section--compact {
	padding-block: var(--section-spacing-sm);
}

.section--large {
	padding-block: var(--section-spacing-lg);
}

.section--xlarge {
	padding-block: var(--section-spacing-xl);
}

.section--light {
	background: var(--color-background);
}

.section--surface {
	background: var(--color-surface);
}

.section--surface-light {
	background: var(--color-surface-light);
}

.section--surface-muted {
	background: var(--color-surface-muted);
}

.section__header {
	max-width: 820px;
	margin-bottom: var(--space-8);
}

.section__eyebrow {
	margin-bottom: var(--space-3);

	font-size: var(--font-size-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-eyebrow);
	line-height: 1.3;
	text-transform: uppercase;

	color: var(--color-text-muted);
}

.section__title {
	margin-bottom: var(--space-5);

	font-size: var(--font-size-section-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-heading);

	color: var(--color-text);
}

.section__intro {
	max-width: 760px;

	font-size: var(--font-size-body-large);
	line-height: var(--line-height-relaxed);

	color: var(--color-text-light);
}

.section__intro > *:last-child {
	margin-bottom: 0;
}

.section__content {
	margin-top: var(--space-8);
}

.section__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);

	margin-top: var(--space-7);
}

/* ==========================
   LUXURY ACCENT
========================== */

.luxury-accent {
	width: 48px;
	height: 1px;

	margin-top: var(--space-1);
	margin-bottom: var(--space-5);

	background:
		linear-gradient(
			90deg,
			color-mix(
				in srgb,
				var(--color-divider-default) 76%,
				var(--color-material-champagne-reflection) 24%
			) 0%,
			color-mix(
				in srgb,
				var(--color-divider-default) 88%,
				var(--color-material-champagne-reflection) 12%
			) 28%,
			var(--color-divider-default) 100%
		);
}

/* ==========================
   GLOBAL BRAND CARD MATERIAL
   --------------------------------------------------------------------------
   WO18-R1 establishes one authoritative Warm Crystal Glass contract for the
   representative PAMI site. The approved WO17-R1 Hero glass is the visual
   reference: a simple warm translucent gradient, crystal clarity, minimal
   optical filtering and restrained depth.

   The default surface is the fail-open fallback. Supporting browsers receive
   the slightly lighter optical surface inside the feature query. Interactive
   states are limited to approved interactive surfaces; informational panels
   remain static.
========================== */

:is(
	.furniture-card__link,
	.furniture-dimensions__card,
	.pami-model-card__link,
	.pami-type-card__link,
	.surface-panel:not([data-pami-material-role="raised"]),
	.furniture-archive__empty
),
:where([data-pami-material-role="glass"]) {
	/* Shared card component semantic adapter. */
	--pami-card-material-surface-high: var(--color-surface-translucent);
	--pami-card-material-surface-mid: var(--color-surface-translucent);
	--pami-card-material-surface-low: var(--color-surface-translucent);
	--pami-card-material-highlight-source: var(--color-material-pearl-light);
	--pami-card-material-border: var(--color-material-glass-edge);
	--pami-card-material-border-emphasis:
		color-mix(
			in srgb,
			var(--color-border-default) 86%,
			var(--color-material-champagne-reflection) 14%
		);
	--pami-card-material-edge-shade-source: var(--color-material-warm-edge-shade);
	--pami-card-material-shadow-source: var(--color-material-ambient-shadow);
	--pami-card-material-accent: var(--color-accent-decorative);
	--pami-card-material-focus: var(--color-focus-ring);

	--pami-card-glass-sheen:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 36%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 16%,
				transparent
			) 7%,
			transparent 18%
		);
	--pami-card-glass-sheen-fallback:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 36%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 16%,
				transparent
			) 7%,
			transparent 18%
		);
	--pami-card-glass-surface:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-high) 34%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-mid) 31%,
				transparent
			) 48%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-low) 28.5%,
				transparent
			) 100%
		);
	--pami-card-glass-surface-fallback:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-high) 44%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-mid) 41%,
				transparent
			) 48%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-low) 38%,
				transparent
			) 100%
		);
	--pami-card-glass-surface-hover:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-high) 36%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-mid) 33%,
				transparent
			) 48%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-low) 30.5%,
				transparent
			) 100%
		);
	--pami-card-glass-surface-hover-fallback:
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-high) 46%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-mid) 43%,
				transparent
			) 48%,
			color-mix(
				in srgb,
				var(--pami-card-material-surface-low) 40%,
				transparent
			) 100%
		);
	--pami-card-glass-border: var(--pami-card-material-border);
	--pami-card-glass-border-hover:
		var(--pami-card-material-border-emphasis);
	--pami-card-glass-highlight: var(--color-material-glass-highlight);
	--pami-card-glass-edge-light:
		color-mix(
			in srgb,
			var(--pami-card-material-highlight-source) 11%,
			transparent
		);
	--pami-card-glass-edge-shade:
		color-mix(
			in srgb,
			var(--pami-card-material-edge-shade-source) 7.5%,
			transparent
		);
	--pami-card-glass-shadow:
		0 16px 42px
			color-mix(
				in srgb,
				var(--pami-card-material-shadow-source) 4%,
				transparent
			),
		inset 0 1px 0 var(--pami-card-glass-highlight),
		inset 1px 0 0 var(--pami-card-glass-edge-light),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
	--pami-card-glass-shadow-strong:
		0 20px 48px
			color-mix(
				in srgb,
				var(--pami-card-material-shadow-source) 5.5%,
				transparent
			),
		inset 0 1px 0 var(--pami-card-glass-highlight),
		inset 1px 0 0 var(--pami-card-glass-edge-light),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
	--pami-card-glass-shadow-hover:
		0 22px 52px
			color-mix(
				in srgb,
				var(--pami-card-material-shadow-source) 6.5%,
				transparent
			),
		inset 0 1px 0
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 30%,
				transparent
			),
		inset 1px 0 0
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 10%,
				transparent
			),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
	--pami-card-glass-saturation: 1.018;
	--pami-card-glass-brightness: 1.01;
	--pami-card-glass-radius: var(--radius-md);
	--pami-card-glass-transition: var(--transition-slow);
	--pami-card-glass-accent-color: var(--pami-card-glass-border);
	--pami-card-glass-accent-width: 1px;
	--pami-card-glass-current-sheen: var(--pami-card-glass-sheen-fallback);
	--pami-card-glass-current-surface: var(--pami-card-glass-surface-fallback);
	--pami-card-glass-current-surface-hover:
		var(--pami-card-glass-surface-hover-fallback);

	border: 1px solid var(--pami-card-glass-border);
	border-inline-start-width: var(--pami-card-glass-accent-width);
	border-inline-start-color: var(--pami-card-glass-accent-color);
	border-radius: var(--pami-card-glass-radius);

	background:
		var(--pami-card-glass-current-sheen),
		var(--pami-card-glass-current-surface);
	background-clip: padding-box;

	box-shadow: var(--pami-card-glass-shadow);

	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

:is(
	.furniture-card__link,
	.pami-model-card__link,
	.pami-type-card__link
) {
	transition:
		transform var(--pami-card-glass-transition),
		background var(--pami-card-glass-transition),
		border-color var(--pami-card-glass-transition),
		box-shadow var(--pami-card-glass-transition);
}

.surface-panel--interactive {
	transition:
		transform var(--transition-slow),
		background var(--transition-slow),
		border-color var(--transition-slow),
		box-shadow var(--transition-slow);
}

:is(
	.furniture-card__link,
	.pami-model-card__link,
	.pami-type-card__link
):focus-visible {
	outline: var(--focus-ring-width) solid var(--pami-card-material-focus);
	outline-offset: var(--focus-ring-offset);
}

.manufacturer-consultation__panel {
	--pami-card-glass-accent-color: var(--wo05-primary);
	--pami-card-glass-accent-width: 3px;
}

.surface-panel {
	border-radius: var(--radius-md);
	padding: var(--space-7);
}

.surface-panel--strong:not([data-pami-material-role="raised"]) {
	box-shadow: var(--pami-card-glass-shadow-strong);
}

.surface-panel--accent:not([data-pami-material-role="raised"]) {
	--pami-card-glass-accent-color: var(--pami-card-material-accent);
	--pami-card-glass-accent-width: 3px;
}

.surface-panel--interactive.is-selected:not([data-pami-material-role="raised"]) {
	--pami-card-glass-accent-color: var(--pami-card-material-accent);
	--pami-card-glass-accent-width: 3px;

	border-color: var(--pami-card-glass-border-hover);
	background:
		var(--pami-card-glass-current-sheen),
		var(--pami-card-glass-current-surface-hover);
	box-shadow: var(--pami-card-glass-shadow-strong);
}

@supports ((-webkit-backdrop-filter: saturate(1)) or (backdrop-filter: saturate(1))) {
	:is(
		.furniture-card__link,
		.furniture-dimensions__card,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel:not([data-pami-material-role="raised"]),
		.furniture-archive__empty
	),
	:where([data-pami-material-role="glass"]) {
		--pami-card-glass-current-sheen: var(--pami-card-glass-sheen);
		--pami-card-glass-current-surface: var(--pami-card-glass-surface);
		--pami-card-glass-current-surface-hover:
			var(--pami-card-glass-surface-hover);

		-webkit-backdrop-filter:
			saturate(var(--pami-card-glass-saturation))
			brightness(var(--pami-card-glass-brightness));
		backdrop-filter:
			saturate(var(--pami-card-glass-saturation))
			brightness(var(--pami-card-glass-brightness));
	}
}

@media (hover: hover) and (pointer: fine) {
	:is(
		.furniture-card__link,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel--interactive
	):hover {
		transform: translateY(-3px);
	}

	:is(
		.furniture-card__link,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel--interactive:not([data-pami-material-role="raised"])
	):hover {
		border-color: var(--pami-card-glass-border-hover);
		background:
			var(--pami-card-glass-current-sheen),
			var(--pami-card-glass-current-surface-hover);
		box-shadow: var(--pami-card-glass-shadow-hover);
	}
}

@media (prefers-reduced-transparency: reduce) {
	:is(
		.furniture-card__link,
		.furniture-dimensions__card,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel:not([data-pami-material-role="raised"]),
		.furniture-archive__empty
	),
	:where([data-pami-material-role="glass"]) {
		--pami-card-glass-current-sheen:
			var(--pami-card-glass-sheen-fallback);
		--pami-card-glass-current-surface:
			var(--pami-card-glass-surface-fallback);
		--pami-card-glass-current-surface-hover:
			var(--pami-card-glass-surface-hover-fallback);

		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.furniture-card__link,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel--interactive
	) {
		transition: none;
	}

	:is(
		.furniture-card__link,
		.pami-model-card__link,
		.pami-type-card__link,
		.surface-panel--interactive
	):hover {
		transform: none;
	}
}

/* ==========================
   SOLID RAISED MATERIAL
   --------------------------------------------------------------------------
   Final Premium Polish keeps raised surfaces opaque. Light is layered over
   the semantic raised owner; it never becomes a glass/translucency fallback.
========================== */

body.woocommerce-cart
	.woocommerce
	.cart-collaterals
	.cart_totals,
body.woocommerce-checkout
	.woocommerce
	form.checkout
	#customer_details
	> .col-1,
body.woocommerce-checkout
	.woocommerce
	form.checkout
	#customer_details
	> .col-2,
body.woocommerce-checkout
	.woocommerce
	#order_review,
body.woocommerce-account
	.woocommerce-MyAccount-content,
body.woocommerce-account
	:is(
		.woocommerce-form-login,
		.woocommerce-form-register,
		.woocommerce-ResetPassword
	),
body.woocommerce-order-received .woocommerce .woocommerce-order-details,
body.woocommerce-order-received .woocommerce .woocommerce-order-downloads,
body.woocommerce-order-received .woocommerce form.woocommerce-form,
:where([data-pami-material-role="raised"]),
:where(body.woocommerce-checkout .woocommerce #order_review) {
	--pami-raised-pearl-start: var(--pami-raised-preset-pearl-start, 30%);
	--pami-raised-pearl-mid: 10%;
	--pami-raised-champagne: 12%;
	--pami-raised-border-champagne: var(--pami-raised-preset-border-champagne, 20%);
	--pami-raised-shadow-primary: var(--pami-raised-preset-shadow-primary, 7.5%);
	--pami-raised-shadow-contact: var(--pami-raised-preset-shadow-contact, 4.5%);
	--pami-raised-inner-top-start: 46%;
	--pami-raised-inner-top-mid: 24%;
	--pami-raised-inner-left: 16%;
	--pami-raised-body-source: var(--pami-raised-preset-body-source, var(--color-surface-raised));
	--pami-raised-light-source: var(--pami-raised-preset-light-source, var(--color-material-pearl-light));
	--pami-raised-champagne-source: var(--pami-raised-preset-champagne-source, var(--color-material-champagne-reflection));

	background:
		linear-gradient(
			90deg,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-inner-top-start),
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-inner-top-mid),
				transparent
			) 50%,
			transparent 100%
		) top / 100% 1px no-repeat,
		linear-gradient(
			180deg,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-inner-left),
				transparent
			) 0%,
			transparent 55%
		) left / 1px 100% no-repeat,
		linear-gradient(
			155deg,
			color-mix(
				in srgb,
				var(--pami-raised-champagne-source)
					var(--pami-raised-champagne),
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-raised-champagne-source)
					var(--pami-raised-champagne),
				transparent
			) 7%,
			transparent 22%
		),
		linear-gradient(
			145deg,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-pearl-start),
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-pearl-start),
				transparent
			) 14%,
			color-mix(
				in srgb,
				var(--pami-raised-light-source)
					var(--pami-raised-pearl-mid),
				transparent
			) 36%,
			transparent 58%
		),
		var(--pami-raised-body-source);

	border:
		1px solid
		color-mix(
			in srgb,
			var(--color-border-default)
				calc(100% - var(--pami-raised-border-champagne)),
			var(--pami-raised-champagne-source)
				var(--pami-raised-border-champagne)
		);

	box-shadow:
		0 12px 30px -18px
			color-mix(
				in srgb,
				var(--color-material-ambient-shadow)
					var(--pami-raised-shadow-primary),
				transparent
			),
		0 3px 8px -5px
			color-mix(
				in srgb,
				var(--color-material-ambient-shadow)
					var(--pami-raised-shadow-contact),
				transparent
			);

	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	filter: none;
}

body.woocommerce-cart
	.woocommerce
	.cart-collaterals
	.cart_totals,
body.woocommerce-checkout
	.woocommerce
	#order_review,
:where(body.woocommerce-checkout .woocommerce #order_review) {
	--pami-raised-pearl-start: 26%;
	--pami-raised-border-champagne: 18%;
	--pami-raised-shadow-primary: 6.5%;
}

body.woocommerce-checkout
	.woocommerce
	form.checkout
	#customer_details
	> .col-1,
body.woocommerce-checkout
	.woocommerce
	form.checkout
	#customer_details
	> .col-2,
body.woocommerce-account
	.woocommerce-MyAccount-content,
body.woocommerce-account
	:is(
		.woocommerce-form-login,
		.woocommerce-form-register,
		.woocommerce-ResetPassword
	),
.pami-distributor-selected.surface-panel {
	--pami-raised-pearl-start: 34%;
	--pami-raised-border-champagne: 24%;
	--pami-raised-shadow-primary: 5.5%;
}

/* ==========================
   QUIET INFORMATIONAL SURFACES
   --------------------------------------------------------------------------
   WO18-R2 establishes one low-contrast material language for nested
   informational layers. Contained surfaces receive a restrained warm tonal
   fill; edge-led surfaces remain compositionally transparent and consume only
   the shared separator color. These layers are intentionally non-glass and
   have no depth, optical filtering, hover or motion behavior.
========================== */

:where([data-pami-material-role="quiet"]),
:is(
	.pami-home-consultation__details,
	.pami-home-inquiry__reassurance,
	.manufacturer-consultation__details,
	.furniture-inquiry__reassurance,
	.furniture-inquiry__context,
	.quiet-surface,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-checkout #payment li.wc_payment_method
),
:where(
	[data-pami-material-role="quiet"].pami-home-consultation__details,
	[data-pami-material-role="quiet"].pami-home-inquiry__reassurance,
	[data-pami-material-role="quiet"].manufacturer-consultation__details,
	[data-pami-material-role="quiet"].furniture-inquiry__reassurance,
	[data-pami-material-role="quiet"].furniture-inquiry__context,
	[data-pami-material-role="quiet"].pami-distributor-filter
),
:is(
	.pami-about-hero,
	.pami-about-identity,
	.pami-about-values,
	.pami-about-why,
	.pami-about-final,
	.pami-contacts__hero,
	.pami-contacts-final,
	.pami-distributors__hero,
	.pami-distributor-locator,
	.pami-distributor-contact,
	.furniture-archive__hero,
	.furniture-hero,
	.furniture-presentation,
	.manufacturer-consultation,
	.furniture-inquiry
):where([data-pami-material-role="quiet"]),
:where(body.woocommerce-account .woocommerce-MyAccount-navigation),
:where(body.woocommerce-checkout #payment li.wc_payment_method),
body.woocommerce-cart .woocommerce form.woocommerce-cart-form,
body.woocommerce-cart .woocommerce .cart-empty,
body.woocommerce-checkout .woocommerce form.woocommerce-form-login,
body.woocommerce-checkout .woocommerce form.checkout_coupon,
body.woocommerce-checkout .woocommerce #payment ul.payment_methods > li.wc_payment_method .payment_box,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentMethods > .woocommerce-PaymentMethod,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentBox,
body.woocommerce-order-received .woocommerce ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce ul.wc-bacs-bank-details,
body.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-column,
body.woocommerce-order-received .woocommerce .woocommerce-customer-details > address,
:where(body.single-product.woocommerce div.product .woocommerce-tabs),
:where(body.single-product.woocommerce div.product .woocommerce-tabs .panel) {
	--pami-quiet-material-canvas-source: var(--color-canvas-default);
	--pami-quiet-material-surface-source: var(--color-surface-subtle);
	--pami-quiet-material-border-source: var(--color-border-subtle);
	--pami-quiet-material-border-emphasis-source: var(--color-border-default);
	--pami-quiet-material-warning-source: var(--color-status-warning-content);
	--pami-quiet-material-content: var(--color-content-primary);
	--pami-quiet-material-content-muted: var(--color-content-secondary);

	--pami-quiet-surface-background:
		linear-gradient(
			145deg,
			color-mix(
				in srgb,
				var(--color-material-pearl-light) 16%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--color-material-pearl-light) 4%,
				transparent
			) 22%,
			transparent 38%
		),
		linear-gradient(
			180deg,
			transparent 92%,
			color-mix(
				in srgb,
				var(--color-material-warm-edge-shade) 4.5%,
				transparent
			) 100%
		),
		color-mix(
			in srgb,
			var(--pami-quiet-material-surface-source) 88%,
			var(--pami-quiet-material-canvas-source) 12%
		);
	--pami-quiet-surface-border:
		color-mix(
			in srgb,
			var(--pami-quiet-material-border-source) 86%,
			var(--color-material-champagne-reflection) 14%
		);
	--pami-quiet-surface-warning-border:
		var(--pami-quiet-material-border-emphasis-source);
	--pami-quiet-surface-warning-border:
		color-mix(
			in srgb,
			var(--pami-quiet-material-warning-source) 18%,
			var(--pami-quiet-material-border-source) 82%
		);

	border-color: var(--pami-quiet-surface-border);

	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	filter: none;
}

:where([data-pami-material-role="quiet"]),
:is(
	.pami-home-consultation__details,
	.furniture-inquiry__reassurance,
	.quiet-surface,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-checkout #payment li.wc_payment_method
),
:where(
	[data-pami-material-role="quiet"].pami-home-consultation__details,
	[data-pami-material-role="quiet"].furniture-inquiry__reassurance,
	[data-pami-material-role="quiet"].pami-distributor-filter
),
:is(
	.pami-about-hero,
	.pami-about-identity,
	.pami-about-values,
	.pami-about-why,
	.pami-about-final,
	.pami-contacts__hero,
	.pami-contacts-final,
	.pami-distributors__hero,
	.pami-distributor-locator,
	.pami-distributor-contact,
	.furniture-archive__hero,
	.furniture-hero,
	.furniture-presentation,
	.manufacturer-consultation,
	.furniture-inquiry
):where([data-pami-material-role="quiet"]),
:where(body.woocommerce-account .woocommerce-MyAccount-navigation),
:where(body.woocommerce-checkout #payment li.wc_payment_method),
body.woocommerce-cart .woocommerce form.woocommerce-cart-form,
body.woocommerce-cart .woocommerce .cart-empty,
body.woocommerce-checkout .woocommerce form.woocommerce-form-login,
body.woocommerce-checkout .woocommerce form.checkout_coupon,
body.woocommerce-checkout .woocommerce #payment ul.payment_methods > li.wc_payment_method .payment_box,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentMethods > .woocommerce-PaymentMethod,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentBox,
body.woocommerce-order-received .woocommerce ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce ul.wc-bacs-bank-details,
body.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-column,
body.woocommerce-order-received .woocommerce .woocommerce-customer-details > address,
:where(body.single-product.woocommerce div.product .woocommerce-tabs .panel) {
	background: var(--pami-quiet-surface-background);
}

.quiet-surface {
	padding: var(--space-6);
	border: 1px solid var(--pami-quiet-surface-border);
	border-radius: var(--radius-md);
	color: var(--pami-quiet-material-content-muted);
}

.quiet-surface--compact {
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-sm);
	font-size: var(--font-size-caption);
	line-height: var(--line-height-body);
}

.pami-distributor-map-shell[data-map-state="partial"] .quiet-surface--compact,
.pami-distributor-map-shell[data-map-state="failed"] .quiet-surface--compact {
	border-color: var(--pami-quiet-surface-warning-border);
	color: var(--pami-quiet-material-content);
}

/* ==========================
   BUSINESS HOURS COMPONENT
   --------------------------------------------------------------------------
   Shared presentation contract for global and location-owned schedules.
   Storage, validation and status calculation remain in the PHP resolver.
========================== */

.pami-business-hours {
	display: grid;
	gap: var(--space-3);
	color: var(--color-text-light);
}

.pami-business-hours__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2) var(--space-4);
}

.pami-business-hours__title,
.pami-business-hours__status,
.pami-business-hours__detail,
.pami-business-hours__today,
.pami-business-hours__legacy {
	margin: 0;
}

.pami-business-hours__title {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text);
}

.pami-business-hours__status {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-size-caption);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text);
}

.pami-business-hours__status-dot {
	width: 0.65em;
	height: 0.65em;
	border-radius: var(--radius-full);
	background: var(--color-text-muted);
}

.pami-business-hours__status[data-status="open"] .pami-business-hours__status-dot {
	background: var(--color-success);
}

.pami-business-hours__status[data-status="closed"] .pami-business-hours__status-dot {
	background: var(--color-warning);
}

.pami-business-hours__detail,
.pami-business-hours__today,
.pami-business-hours__legacy {
	font-size: var(--font-size-small);
	line-height: var(--line-height-body);
}

.pami-business-hours__today {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.pami-business-hours__legacy {
	white-space: pre-line;
}

.pami-business-hours__week {
	display: grid;
	gap: var(--space-2);
	margin: 0;
}

.pami-business-hours__day {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--space-4);
	padding-top: var(--space-2);
	border-top: 1px solid var(--color-border-soft);
	font-size: var(--font-size-small);
}

.pami-business-hours__day dt,
.pami-business-hours__day dd {
	margin: 0;
}

.pami-business-hours__day dt {
	font-weight: var(--font-weight-semibold);
	color: var(--color-text);
}

.pami-business-hours--compact {
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-border-soft);
}

/* ==========================
   LEGACY SECTION ALIASES
   Keep existing single model sections working
========================== */

.furniture-story,
.furniture-dimensions {
	padding-block: var(--section-spacing-md);
}

.furniture-story__title,
.furniture-dimensions__title {
	margin-bottom: var(--space-7);

	font-size: var(--font-size-section-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-heading);

	color: var(--color-text);
}

/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 680px) {
	.section {
		padding-block: var(--section-spacing-sm);
	}

	.section--compact {
		padding-block: var(--section-spacing-xs);
	}

	.section--large,
	.section--xlarge {
		padding-block: var(--section-spacing-md);
	}

	.section__header {
		margin-bottom: var(--space-7);
	}

	.section__content {
		margin-top: var(--space-7);
	}

	.section__actions {
		width: 100%;
	}

	.surface-panel {
		padding: var(--space-6);
	}

	.quiet-surface:not(.quiet-surface--compact) {
		padding: var(--space-5);
	}
}

/* ==========================
   VELVET GRAPHITE LUMINOUS TEST-01
   --------------------------------------------------------------------------
   Preset-only canonical Quiet environmental calibration. Background only;
   generic Quiet border and all other material mechanics remain unchanged.
========================== */

:where(:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"]),
:root[data-pami-material-preset="velvet-graphite"] :is(
	.section--surface,
	.section--surface-light,
	.section--surface-muted,
	.pami-home-consultation__details,
	.pami-home-inquiry__reassurance,
	.manufacturer-consultation__details,
	.furniture-inquiry__reassurance,
	.furniture-inquiry__context,
	.quiet-surface,
	.pami-distributor-map-shell,
	body.woocommerce-cart .woocommerce form.woocommerce-cart-form,
	body.woocommerce-cart .woocommerce .cart-empty,
	body.woocommerce-checkout .woocommerce form.woocommerce-form-login,
	body.woocommerce-checkout .woocommerce form.checkout_coupon,
	body.woocommerce-checkout #payment li.wc_payment_method,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-account .woocommerce-MyAccount-content,
	body.woocommerce-account :is(
		.woocommerce-form-login,
		.woocommerce-form-register,
		.woocommerce-ResetPassword
	),
	body.single-product.woocommerce div.product .woocommerce-tabs .panel
),
:where(
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].pami-home-consultation__details,
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].pami-home-inquiry__reassurance,
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].manufacturer-consultation__details,
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].furniture-inquiry__reassurance,
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].furniture-inquiry__context,
	:root[data-pami-material-preset="velvet-graphite"] [data-pami-material-role="quiet"].pami-distributor-filter
),
:root[data-pami-material-preset="velvet-graphite"] :is(
	.pami-about-hero,
	.pami-about-identity,
	.pami-about-values,
	.pami-about-why,
	.pami-about-final,
	.pami-contacts__hero,
	.pami-contacts-final,
	.pami-distributors__hero,
	.pami-distributor-locator,
	.pami-distributor-contact,
	.furniture-archive__hero,
	.furniture-hero,
	.furniture-presentation,
	.manufacturer-consultation,
	.furniture-inquiry
):where([data-pami-material-role="quiet"]),
:where(:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-navigation),
:where(:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-checkout #payment li.wc_payment_method),
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-checkout .woocommerce #payment ul.payment_methods > li.wc_payment_method .payment_box,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentMethods > .woocommerce-PaymentMethod,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentBox,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-order-received .woocommerce ul.woocommerce-order-overview,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-order-received .woocommerce ul.wc-bacs-bank-details,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-column,
:root[data-pami-material-preset="velvet-graphite"] body.woocommerce-order-received .woocommerce .woocommerce-customer-details > address,
:where(:root[data-pami-material-preset="velvet-graphite"] body.single-product.woocommerce div.product .woocommerce-tabs) {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 10%,
			transparent
		);
}

/* ==========================
   WARM STONE QUIET OPTICAL FOUNDATION — WS-LF-01A
   --------------------------------------------------------------------------
   Preset-only editorial Quiet calibration. WooCommerce is excluded;
   generic Quiet border and all other material mechanics remain unchanged.
========================== */

:root[data-pami-material-preset="warm-stone"] body:not(.woocommerce-page) :where([data-pami-material-role="quiet"]),
:root[data-pami-material-preset="warm-stone"] body:not(.woocommerce-page) :is(
	.pami-home-consultation__details,
	.pami-home-inquiry__reassurance,
	.manufacturer-consultation__details,
	.furniture-inquiry__reassurance,
	.furniture-inquiry__context,
	.quiet-surface,
	.pami-distributor-map-shell
) {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 16%,
			transparent
		);
	background: var(--pami-quiet-surface-background);
}

/* ==========================
   WARM STONE FOOTER QUIET SEPARATION — WS-LF-01B-2
   --------------------------------------------------------------------------
   Same canonical Quiet source and physics; Footer-only density calibration.
   Divider, layout, markup and commerce behaviour remain unchanged.
========================== */

:root[data-pami-material-preset="warm-stone"]
	.site-footer[data-pami-material-role="quiet"] {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 30%,
			transparent
		);
}


/* ==========================
   CANONICAL EDITORIAL AMBIENT LIGHT FIELD
   --------------------------------------------------------------------------
   One continuous off-axis luminance mechanism. Presets own optical inputs;
   the shared environment owns propagation. WooCommerce remains excluded.
========================== */

:root:is(
	[data-pami-material-preset="velvet-graphite"],
	[data-pami-material-preset="warm-stone"],
	[data-pami-material-preset="smoked-oak"]
) body:not(.woocommerce-page) {
	background:
		radial-gradient(
			ellipse var(--pami-ambient-field-geometry),
			color-mix(
				in srgb,
				var(--pami-ambient-field-source) var(--pami-ambient-field-contribution),
				transparent
			) 0%,
			transparent var(--pami-ambient-field-fade)
		),
		var(--color-canvas-default);
}

:root:is(
	[data-pami-material-preset="velvet-graphite"],
	[data-pami-material-preset="warm-stone"],
	[data-pami-material-preset="smoked-oak"]
) body:not(.woocommerce-page) #main-content,
:root:is(
	[data-pami-material-preset="velvet-graphite"],
	[data-pami-material-preset="warm-stone"],
	[data-pami-material-preset="smoked-oak"]
) body:not(.woocommerce-page) .section--light,
:root:is(
	[data-pami-material-preset="velvet-graphite"],
	[data-pami-material-preset="warm-stone"],
	[data-pami-material-preset="smoked-oak"]
) body:not(.woocommerce-page) [data-pami-material-role="canvas"] {
	background: transparent;
}

/* ==========================
   WO24 — SMOKED OAK BACKGROUND UNIFICATION / PASS 1
   --------------------------------------------------------------------------
   Preset-only optical calibration. Quiet / Glass / Raised remain owned by
   this shared material layer. Alpha applies only to material paint layers;
   component/content opacity, geometry, typography, motion and Hero remain
   untouched.
========================== */

:where(:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"]),
:root[data-pami-material-preset="smoked-oak"] :is(
	.section--surface,
	.section--surface-light,
	.section--surface-muted,
	.pami-home-consultation__details,
	.pami-home-inquiry__reassurance,
	.manufacturer-consultation__details,
	.furniture-inquiry__reassurance,
	.furniture-inquiry__context,
	.quiet-surface,
	.pami-distributor-map-shell,
	body.woocommerce-cart .woocommerce form.woocommerce-cart-form,
	body.woocommerce-cart .woocommerce .cart-empty,
	body.woocommerce-checkout .woocommerce form.woocommerce-form-login,
	body.woocommerce-checkout .woocommerce form.checkout_coupon,
	body.woocommerce-checkout #payment li.wc_payment_method,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-account .woocommerce-MyAccount-content,
	body.woocommerce-account :is(
		.woocommerce-form-login,
		.woocommerce-form-register,
		.woocommerce-ResetPassword
	),
	body.single-product.woocommerce div.product .woocommerce-tabs .panel
),
:where(
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].pami-home-consultation__details,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].pami-home-inquiry__reassurance,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].manufacturer-consultation__details,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].furniture-inquiry__reassurance,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].furniture-inquiry__context,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].pami-distributor-filter
),
:root[data-pami-material-preset="smoked-oak"] :is(
	.pami-about-hero,
	.pami-about-identity,
	.pami-about-values,
	.pami-about-why,
	.pami-about-final,
	.pami-contacts__hero,
	.pami-contacts-final,
	.pami-distributors__hero,
	.pami-distributor-locator,
	.pami-distributor-contact,
	.furniture-archive__hero,
	.furniture-hero,
	.furniture-presentation,
	.manufacturer-consultation,
	.furniture-inquiry
):where([data-pami-material-role="quiet"]),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-navigation),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout #payment li.wc_payment_method),
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout .woocommerce #payment ul.payment_methods > li.wc_payment_method .payment_box,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentMethods > .woocommerce-PaymentMethod,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-PaymentBox,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce ul.woocommerce-order-overview,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce ul.wc-bacs-bank-details,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-column,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce .woocommerce-customer-details > address,
:where(:root[data-pami-material-preset="smoked-oak"] body.single-product.woocommerce div.product .woocommerce-tabs) {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 40%,
			transparent
		);
	--pami-quiet-surface-border:
		color-mix(
			in srgb,
			color-mix(
				in srgb,
				var(--color-border-subtle) 86%,
				var(--color-material-champagne-reflection) 14%
			) 24%,
			transparent
		);
}

:root[data-pami-material-preset="smoked-oak"] :is(
	.section--surface,
	.section--surface-light,
	.section--surface-muted
) {
	background: var(--pami-quiet-surface-background);
}

:where(:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"]),
:root[data-pami-material-preset="smoked-oak"] :is(
	.pami-home-consultation__details,
	.furniture-inquiry__reassurance,
	.quiet-surface,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-checkout #payment li.wc_payment_method
),
:where(
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].pami-home-consultation__details,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].furniture-inquiry__reassurance,
	:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="quiet"].pami-distributor-filter
),
:root[data-pami-material-preset="smoked-oak"] :is(
	.pami-about-hero,
	.pami-about-identity,
	.pami-about-values,
	.pami-about-why,
	.pami-about-final,
	.pami-contacts__hero,
	.pami-contacts-final,
	.pami-distributors__hero,
	.pami-distributor-locator,
	.pami-distributor-contact,
	.furniture-archive__hero,
	.furniture-hero,
	.furniture-presentation,
	.manufacturer-consultation,
	.furniture-inquiry
):where([data-pami-material-role="quiet"]),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-navigation),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout #payment li.wc_payment_method) {
	background: var(--pami-quiet-surface-background);
	border-color: var(--pami-quiet-surface-border);
	box-shadow: none;
}

:root[data-pami-material-preset="smoked-oak"] :is(
	.furniture-card__link,
	.furniture-dimensions__card,
	.pami-model-card__link,
	.pami-type-card__link,
	.surface-panel:not([data-pami-material-role="raised"]),
	.furniture-archive__empty
),
:where(:root[data-pami-material-preset="smoked-oak"] [data-pami-material-role="glass"]) {
	--pami-card-material-border-emphasis:
		color-mix(
			in srgb,
			color-mix(
				in srgb,
				var(--color-border-default) 86%,
				var(--color-material-champagne-reflection) 14%
			) 34%,
			transparent
		);
	--pami-card-glass-sheen:
		linear-gradient(
			145deg,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 26%,
				transparent
			) 0%,
			color-mix(
				in srgb,
				var(--pami-card-material-highlight-source) 12%,
				transparent
			) 18%,
			transparent 36%
		);
	--pami-card-glass-sheen-fallback: var(--pami-card-glass-sheen);
	--pami-card-glass-surface:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--pami-card-material-surface-high) 76%, transparent) 0%,
			color-mix(in srgb, var(--pami-card-material-surface-mid) 72%, transparent) 48%,
			color-mix(in srgb, var(--pami-card-material-surface-low) 68%, transparent) 100%
		);
	--pami-card-glass-surface-fallback:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--pami-card-material-surface-high) 78%, transparent) 0%,
			color-mix(in srgb, var(--pami-card-material-surface-mid) 74%, transparent) 48%,
			color-mix(in srgb, var(--pami-card-material-surface-low) 70%, transparent) 100%
		);
	--pami-card-glass-surface-hover:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--pami-card-material-surface-high) 78%, transparent) 0%,
			color-mix(in srgb, var(--pami-card-material-surface-mid) 74%, transparent) 48%,
			color-mix(in srgb, var(--pami-card-material-surface-low) 70%, transparent) 100%
		);
	--pami-card-glass-surface-hover-fallback: var(--pami-card-glass-surface-hover);
	--pami-card-glass-edge-light:
		color-mix(
			in srgb,
			var(--pami-card-material-highlight-source) 11%,
			transparent
		);
	--pami-card-glass-shadow:
		0 16px 42px color-mix(in srgb, var(--pami-card-material-shadow-source) 8%, transparent),
		inset 0 1px 0 var(--pami-card-glass-highlight),
		inset 1px 0 0 var(--pami-card-glass-edge-light),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
	--pami-card-glass-shadow-strong:
		0 20px 48px color-mix(in srgb, var(--pami-card-material-shadow-source) 9%, transparent),
		inset 0 1px 0 var(--pami-card-glass-highlight),
		inset 1px 0 0 var(--pami-card-glass-edge-light),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
	--pami-card-glass-shadow-hover:
		0 22px 52px color-mix(in srgb, var(--pami-card-material-shadow-source) 10%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--pami-card-material-highlight-source) 28%, transparent),
		inset 1px 0 0 color-mix(in srgb, var(--pami-card-material-highlight-source) 12%, transparent),
		inset -1px 0 0 var(--pami-card-glass-edge-shade),
		inset 0 -1px 0 var(--pami-card-glass-edge-shade);
}

:root[data-pami-material-preset="smoked-oak"] :is(
	body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
	body.woocommerce-checkout .woocommerce #order_review
),
:root[data-pami-material-preset="smoked-oak"] :where([data-pami-material-role="raised"]),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout .woocommerce #order_review),
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout .woocommerce form.checkout #customer_details > .col-1,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout .woocommerce form.checkout #customer_details > .col-2,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-MyAccount-content,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-form-login,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-form-register,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-account .woocommerce-ResetPassword,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce .woocommerce-order-details,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce .woocommerce-order-downloads,
:root[data-pami-material-preset="smoked-oak"] body.woocommerce-order-received .woocommerce form.woocommerce-form {
	--pami-raised-pearl-start: 15%;
	--pami-raised-pearl-mid: 6%;
	--pami-raised-champagne: 10%;
	--pami-raised-shadow-primary: 10%;
	--pami-raised-shadow-contact: 5%;
	--pami-raised-inner-top-start: 18%;
	--pami-raised-inner-top-mid: 12%;
	--pami-raised-inner-left: 10%;

	background-color:
		color-mix(
			in srgb,
			var(--pami-raised-body-source) 86%,
			transparent
		);
	border-color:
		color-mix(
			in srgb,
			color-mix(
				in srgb,
				var(--color-border-default) 69%,
				var(--pami-raised-champagne-source) 31%
			) 31%,
			transparent
		);
}

:root[data-pami-material-preset="smoked-oak"] :is(
	body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
	body.woocommerce-checkout .woocommerce #order_review
),
:where(:root[data-pami-material-preset="smoked-oak"] body.woocommerce-checkout .woocommerce #order_review) {
	--pami-raised-pearl-start: 14%;
	--pami-raised-shadow-primary: 9%;
	background-color:
		color-mix(
			in srgb,
			var(--pami-raised-body-source) 87%,
			transparent
		);
}

:where(
	:root[data-pami-material-preset="smoked-oak"] body.single-product.woocommerce div.product .woocommerce-tabs .panel
) {
	background: var(--pami-quiet-surface-background);
	border-color: var(--pami-quiet-surface-border);
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	filter: none;
}

/* ==========================
   SMOKED OAK LUMINOUS FIELD — SO-LF-01
   --------------------------------------------------------------------------
   Editorial Quiet remains environment-participating at 22%. Footer retains
   the same Quiet source at 28% across editorial and Woo contexts.
========================== */

:root[data-pami-material-preset="smoked-oak"] body:not(.woocommerce-page)
	:where([data-pami-material-role="quiet"]),
:root[data-pami-material-preset="smoked-oak"] body:not(.woocommerce-page) :is(
	.pami-home-consultation__details,
	.pami-home-inquiry__reassurance,
	.manufacturer-consultation__details,
	.furniture-inquiry__reassurance,
	.furniture-inquiry__context,
	.quiet-surface,
	.pami-distributor-map-shell
) {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 22%,
			transparent
		);
	background: var(--pami-quiet-surface-background);
}

:root[data-pami-material-preset="smoked-oak"]
	.site-footer[data-pami-material-role="quiet"] {
	--pami-quiet-surface-background:
		color-mix(
			in srgb,
			var(--color-surface-subtle) 28%,
			transparent
		);
}