/**
 * WooCommerce surface styling for the Estelle Shop theme.
 *
 * Loaded only on WooCommerce pages. The tokens come from style.css; this file
 * is purely about bending Woo's default markup into the brand's editorial look.
 * Because everything sold here is downloadable, shipping/stock affordances are
 * suppressed rather than restyled.
 */

/* -------------------------------------------------------------------------
 * Notices
 * ---------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
 * Button reset
 *
 * Woo ships its own purple for `.alt` buttons (add-to-cart, place-order) at a
 * specificity the base button rule in style.css cannot reach, so those
 * selectors are restated here.
 * ---------------------------------------------------------------------- */

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce .wc-proceed-to-checkout a.checkout-button.alt {
	background: var(--ew-accent);
	border-color: var(--ew-accent);
	color: var(--ew-accent-foreground);
	font-weight: 600;
	text-shadow: none;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button.alt:hover {
	background: var(--ew-foreground);
	border-color: var(--ew-foreground);
	color: var(--ew-accent);
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce input.button.alt.disabled {
	background: var(--ew-muted);
	border-color: var(--ew-border);
	color: var(--ew-muted-foreground);
}

.woocommerce-notices-wrapper:empty { display: none; }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 2rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--ew-border);
	border-left: 3px solid var(--ew-accent);
	border-radius: var(--ew-radius);
	background: var(--ew-card);
	color: var(--ew-foreground);
	font-size: 0.9375rem;
	list-style: none;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }

.woocommerce-message { border-left-color: var(--ew-success); }
.woocommerce-error { border-left-color: var(--ew-destructive); }

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	margin-left: auto;
	padding: 0.5rem 1rem;
	font-size: 0.8125rem;
}

/* -------------------------------------------------------------------------
 * Shop header / catalogue toolbar
 * ---------------------------------------------------------------------- */

.ew-shop-hero {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--ew-border);
	padding-block: clamp(3rem, 8vw, 6rem);
	text-align: center;
}

.ew-shop-hero__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.28;
	z-index: 0;
}

.ew-shop-hero__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(15, 15, 15, 0.1),
		rgba(15, 15, 15, 0.35),
		var(--ew-background)
	);
	z-index: 1;
}

.ew-shop-hero__inner { position: relative; z-index: 2; }

.ew-shop-hero p {
	max-width: 40rem;
	margin-inline: auto;
	color: var(--ew-muted-foreground);
	font-size: 1.0625rem;
}

.ew-shop-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 1.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid var(--ew-border);
}

.woocommerce .woocommerce-result-count {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--ew-muted-foreground);
}

.woocommerce .woocommerce-ordering { margin: 0; }

.woocommerce .woocommerce-ordering select {
	width: auto;
	min-width: min(14rem, 100%);
	max-width: 100%;
	padding-right: 2.25rem;
	background-image: linear-gradient(45deg, transparent 50%, var(--ew-muted-foreground) 50%),
		linear-gradient(135deg, var(--ew-muted-foreground) 50%, transparent 50%);
	background-position: calc(100% - 1.05rem) 55%, calc(100% - 0.8rem) 55%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	font-size: 0.8125rem;
}

/* Category filter chips rendered by the theme above the grid. */
.ew-cat-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.ew-cat-filter a {
	padding: 0.4rem 0.9rem;
	border: 1px solid var(--ew-border);
	border-radius: 999px;
	background: var(--ew-card);
	color: var(--ew-muted-foreground);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all var(--ew-transition);
}

.ew-cat-filter a:hover,
.ew-cat-filter a.is-active {
	border-color: var(--ew-accent);
	background: rgba(212, 165, 116, 0.12);
	color: var(--ew-accent);
}

/* -------------------------------------------------------------------------
 * Product grid
 * ---------------------------------------------------------------------- */

.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	/* 320px floor lands on three columns at the 72rem wrap, two on tablet. */
	grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	display: flex;
	flex-direction: column;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	float: none !important;
	overflow: hidden;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
	transition: transform var(--ew-transition), border-color var(--ew-transition),
		box-shadow var(--ew-transition);
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 165, 116, 0.45);
	box-shadow: var(--ew-shadow-lg);
}

.ew-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--ew-muted);
}

.ew-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	transition: transform 400ms ease;
}

.woocommerce ul.products li.product:hover .ew-card__media img { transform: scale(1.05); }

.ew-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 0.5rem;
	padding: 1.25rem;
}

.ew-card__cat {
	color: var(--ew-accent);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	margin: 0;
	font-family: var(--ew-font-serif);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--ew-foreground);
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--ew-accent); }

.ew-card__excerpt {
	margin: 0;
	color: var(--ew-muted-foreground);
	font-size: 0.875rem;
	line-height: 1.55;
}

.ew-card__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--ew-border);
}

.woocommerce ul.products li.product .price {
	margin: 0;
	color: var(--ew-foreground);
	font-family: var(--ew-font-serif);
	font-size: 1.25rem;
	font-weight: 600;
}

.woocommerce ul.products li.product .price del {
	color: var(--ew-muted-foreground);
	font-size: 0.875rem;
	opacity: 0.7;
	margin-right: 0.375rem;
}

.woocommerce ul.products li.product .price ins {
	background: transparent;
	color: var(--ew-accent);
	text-decoration: none;
}

.woocommerce ul.products li.product .button {
	margin: 0;
	padding: 0.5rem 1rem;
	font-size: 0.8125rem;
	white-space: nowrap;
	flex: none;
}

.woocommerce ul.products li.product .added_to_cart { display: none; }

/* Sale + digital badges */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	right: auto;
	min-height: 0;
	min-width: 0;
	margin: 0;
	padding: 0.25rem 0.625rem;
	border-radius: 999px;
	background: var(--ew-accent);
	color: var(--ew-accent-foreground);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
	z-index: 2;
}

.ew-badge-digital {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.25rem 0.625rem;
	border-radius: 999px;
	border: 1px solid var(--ew-border);
	background: rgba(15, 15, 15, 0.8);
	backdrop-filter: blur(6px);
	color: var(--ew-muted-foreground);
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
 * Single product
 * ---------------------------------------------------------------------- */

.woocommerce div.product {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	align-items: start;
}

@media (min-width: 900px) {
	.woocommerce div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.5rem; }
	.woocommerce div.product .woocommerce-tabs,
	.woocommerce div.product .related,
	.woocommerce div.product .upsells,
	.woocommerce div.product .ew-product-fullwidth { grid-column: 1 / -1; }
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

.woocommerce div.product div.images img {
	border-radius: var(--ew-radius-lg);
	border: 1px solid var(--ew-border);
}

.woocommerce div.product .product_title {
	font-size: clamp(1.875rem, 4vw, 2.75rem);
	margin-bottom: 1rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	display: block;
	margin-bottom: 1.25rem;
	color: var(--ew-foreground);
	font-family: var(--ew-font-serif);
	font-size: 2rem;
	font-weight: 600;
}

.woocommerce div.product p.price del { color: var(--ew-muted-foreground); font-size: 1.25rem; opacity: 0.7; }
.woocommerce div.product p.price ins { background: transparent; color: var(--ew-accent); text-decoration: none; }

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--ew-muted-foreground);
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 1.75rem;
}

.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 1.75rem;
}

.woocommerce div.product form.cart .quantity { display: flex; }

.woocommerce div.product form.cart .quantity input.qty {
	width: 4.5rem;
	text-align: center;
	padding: 0.75rem 0.5rem;
}

.woocommerce div.product form.cart .button {
	flex: 1;
	min-width: 12rem;
	padding: 0.9rem 1.75rem;
	font-size: 0.9375rem;
}

/* The "what you get" panel that replaces shipping/stock messaging. */
.ew-delivery-panel {
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.75rem;
}

.ew-delivery-panel h3 {
	font-family: var(--ew-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ew-accent);
	margin-bottom: 0.875rem;
}

.ew-delivery-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.625rem;
}

.ew-delivery-panel li {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	font-size: 0.875rem;
	color: var(--ew-muted-foreground);
	line-height: 1.5;
}

.ew-delivery-panel svg { color: var(--ew-accent); flex: none; margin-top: 0.15rem; }

.woocommerce div.product .product_meta {
	padding-top: 1.25rem;
	border-top: 1px solid var(--ew-border);
	font-size: 0.8125rem;
	color: var(--ew-muted-foreground);
}

.woocommerce div.product .product_meta > span { display: block; margin-bottom: 0.375rem; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs { margin-top: 1rem; }

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0 0 0.75rem;
	border-bottom: 1px solid var(--ew-border);
	list-style: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid var(--ew-border);
	border-radius: 999px;
	color: var(--ew-muted-foreground);
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	border-color: var(--ew-accent);
	background: rgba(212, 165, 116, 0.12);
	color: var(--ew-accent);
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0;
	padding: 0;
	color: var(--ew-muted-foreground);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-size: 1.375rem;
	color: var(--ew-foreground);
	margin-bottom: 1rem;
}

/* Related products */
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2 {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	padding-top: 3rem;
	border-top: 1px solid var(--ew-border);
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist { padding: 0; list-style: none; }

.woocommerce #reviews #comments ol.commentlist li .comment_container {
	display: flex;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius);
	background: var(--ew-card);
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	position: static;
	width: 3rem;
	border: 0;
	padding: 0;
	border-radius: 999px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	width: 100%;
}

.woocommerce .star-rating span,
.woocommerce p.stars a { color: var(--ew-accent); }

/* -------------------------------------------------------------------------
 * Cart
 * ---------------------------------------------------------------------- */

.woocommerce table.shop_table {
	width: 100%;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: var(--ew-card);
	margin-bottom: 2rem;
}

.woocommerce table.shop_table th {
	padding: 1rem;
	background: var(--ew-secondary);
	border-bottom: 1px solid var(--ew-border);
	color: var(--ew-muted-foreground);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: left;
}

.woocommerce table.shop_table td {
	padding: 1rem;
	border-top: 1px solid var(--ew-border);
	color: var(--ew-foreground);
	font-size: 0.9375rem;
	vertical-align: middle;
}

.woocommerce table.shop_table_responsive tr:first-child td { border-top: 0; }

.woocommerce table.cart img { width: 4rem; border-radius: var(--ew-radius-sm); }

.woocommerce a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 999px;
	background: var(--ew-muted);
	color: var(--ew-muted-foreground) !important;
	font-size: 1rem;
	line-height: 1;
}

.woocommerce a.remove:hover {
	background: var(--ew-destructive);
	color: var(--ew-accent-foreground) !important;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals { width: 100%; }

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	max-width: 26rem;
	margin-left: auto;
}

.woocommerce .cart_totals h2 { font-size: 1.25rem; margin-bottom: 1rem; }

.woocommerce .cart_totals table.shop_table td,
.woocommerce .cart_totals table.shop_table th { padding: 0.875rem 1rem; }

.woocommerce .cart_totals .order-total .amount {
	font-family: var(--ew-font-serif);
	font-size: 1.375rem;
	color: var(--ew-accent);
}

.woocommerce .wc-proceed-to-checkout { padding: 0; margin-top: 1rem; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; padding: 1rem; font-size: 1rem; }

.woocommerce .cart .actions .coupon { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.woocommerce .cart .actions .coupon input.input-text { max-width: 16rem; }

.woocommerce .cart-empty,
.woocommerce .return-to-shop { text-align: center; }

/* -------------------------------------------------------------------------
 * Checkout
 * ---------------------------------------------------------------------- */

.woocommerce-checkout .col2-set { display: block; }

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
	padding: 1.5rem;
	margin-bottom: 2rem;
}

.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--ew-border);
}

.woocommerce form .form-row { margin-bottom: 1rem; padding: 0; }

/* Classic (shortcode) checkout: billing column beside the order summary. */
@media (min-width: 900px) {
	.woocommerce-checkout form.checkout.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
		gap: 3rem;
		align-items: start;
	}

	.woocommerce-checkout form.checkout .col2-set { grid-column: 1; grid-row: 1 / span 2; }
	.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2; grid-row: 1; }
	.woocommerce-checkout form.checkout #order_review { grid-column: 2; grid-row: 2; }
}

#order_review,
.woocommerce-checkout-review-order {
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
	padding: 1.5rem;
}

#order_review table.shop_table { border: 0; background: transparent; margin-bottom: 1.5rem; }
#order_review table.shop_table th { background: transparent; padding-inline: 0; }
#order_review table.shop_table td { padding-inline: 0; }

.woocommerce-checkout #payment {
	background: transparent;
	border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
	border-bottom: 1px solid var(--ew-border);
	list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li {
	margin-bottom: 0.75rem;
	padding: 0.875rem 1rem;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius);
	background: var(--ew-secondary);
}

.woocommerce-checkout #payment ul.payment_methods li label {
	display: inline;
	font-size: 0.9375rem;
}

.woocommerce-checkout #payment div.payment_box {
	margin-top: 0.875rem;
	padding: 1rem;
	border-radius: var(--ew-radius);
	background: var(--ew-background);
	color: var(--ew-muted-foreground);
	font-size: 0.875rem;
}

.woocommerce-checkout #payment div.payment_box::before { display: none; }

.woocommerce-checkout #payment div.form-row.place-order { padding: 1.5rem 0 0; }
.woocommerce-checkout #payment #place_order { width: 100%; padding: 1rem; font-size: 1rem; }

.woocommerce-terms-and-conditions-wrapper { margin-bottom: 1rem; font-size: 0.8125rem; }

/* -------------------------------------------------------------------------
 * Order received / thank you + downloads
 * ---------------------------------------------------------------------- */

.woocommerce ul.order_details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1rem;
	margin: 0 0 2.5rem;
	padding: 1.5rem;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
	list-style: none;
}

.woocommerce ul.order_details li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ew-muted-foreground);
}

.woocommerce ul.order_details li strong {
	display: block;
	margin-top: 0.375rem;
	font-family: var(--ew-font-serif);
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ew-foreground);
}

/* The download call-out shown on the thank-you page and in My Account. */
.ew-downloads-callout {
	border: 1px solid rgba(212, 165, 116, 0.35);
	border-radius: var(--ew-radius-lg);
	background: linear-gradient(180deg, rgba(212, 165, 116, 0.08), transparent);
	padding: 1.75rem;
	margin-bottom: 2.5rem;
}

.ew-downloads-callout h2 { font-size: 1.375rem; margin-bottom: 0.5rem; }
.ew-downloads-callout p { color: var(--ew-muted-foreground); font-size: 0.9375rem; }
.ew-downloads-callout .ew-btn { margin-top: 0.5rem; }

.woocommerce .woocommerce-MyAccount-downloads,
.woocommerce table.order_details { font-size: 0.9375rem; }

.woocommerce .download-product a,
.woocommerce .woocommerce-MyAccount-downloads .download-file a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

/* -------------------------------------------------------------------------
 * My account
 * ---------------------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	margin-bottom: 2rem;
}

@media (min-width: 900px) {
	.woocommerce-account .woocommerce {
		display: grid;
		grid-template-columns: 15rem minmax(0, 1fr);
		gap: 3rem;
		align-items: start;
	}

	/* Woo emits an (often empty) notices wrapper as the first child; left to
	   auto-placement it would claim the sidebar cell and shunt the real columns
	   out of position, so every child is placed explicitly. */
	.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.woocommerce-account .woocommerce-MyAccount-navigation { grid-column: 1; margin-bottom: 0; }
	.woocommerce-account .woocommerce-MyAccount-content { grid-column: 2; float: none; width: auto; }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0.5rem;
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	background: var(--ew-card);
}

.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 0.625rem 0.875rem;
	border-radius: var(--ew-radius-sm);
	color: var(--ew-muted-foreground);
	font-size: 0.875rem;
	font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--ew-muted);
	color: var(--ew-foreground);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--ew-accent); }

.woocommerce-account .woocommerce-MyAccount-content p { color: var(--ew-muted-foreground); }

/* The login/register screen is centred since it is the only thing on the page. */
.woocommerce-account:not(.logged-in) .woocommerce { display: block; max-width: 30rem; margin-inline: auto; }

/* -------------------------------------------------------------------------
 * Misc
 * ---------------------------------------------------------------------- */

.woocommerce .quantity input[type="number"] { -moz-appearance: textfield; }

.woocommerce .quantity input::-webkit-outer-spin-button,
.woocommerce .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.blockUI.blockOverlay { background: var(--ew-background) !important; }

.woocommerce .blockUI.blockOverlay::before {
	border-color: var(--ew-muted);
	border-top-color: var(--ew-accent);
}

/* Product search widget / results */
.woocommerce-product-search {
	display: flex;
	gap: 0.5rem;
}

.woocommerce-product-search button { flex: none; }

/* -------------------------------------------------------------------------
 * WooCommerce Blocks: Cart and Checkout
 *
 * WooCommerce 8+ ships block-based Cart and Checkout pages by default, and this
 * store keeps them -- they give Stripe express payments (Apple/Google Pay) and
 * they are what the Store API on the Phase 2 hand-off talks to. The blocks read
 * most of their chrome from CSS custom properties, so the overrides below are
 * mostly a matter of pointing those at the brand tokens.
 * ---------------------------------------------------------------------- */

.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-textarea,
.wc-blocks-components-select .wc-blocks-components-select__select {
	background: var(--ew-secondary) !important;
	border: 1px solid var(--ew-border) !important;
	border-radius: var(--ew-radius) !important;
	color: var(--ew-foreground) !important;
	padding: 1.25rem 0.875rem 0.5rem !important;
	box-shadow: none !important;
}

.wc-block-components-text-input label,
.wc-blocks-components-select__label {
	color: var(--ew-muted-foreground) !important;
}

.wc-block-components-text-input.is-active label {
	color: var(--ew-accent) !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--ew-accent) !important;
	box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.15) !important;
	outline: none !important;
}

.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-title {
	font-family: var(--ew-font-serif) !important;
	color: var(--ew-foreground) !important;
}

.wc-block-components-checkout-step__description,
.wc-block-components-checkout-step__heading-content,
.wc-block-components-product-metadata,
.wc-block-components-totals-item__label,
.wc-block-components-order-summary-item__description {
	color: var(--ew-muted-foreground) !important;
}

/* Panels: cart table, order summary, checkout sidebar. */
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wc-block-cart__sidebar .wc-block-components-sidebar {
	background: var(--ew-card);
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius-lg);
	padding: 1.5rem;
}

.wc-block-cart-items__header,
.wc-block-cart-items td,
.wc-block-cart-items th,
.wc-block-components-totals-item,
.wc-block-components-order-summary-item {
	border-color: var(--ew-border) !important;
	color: var(--ew-foreground);
}

.wc-block-cart-items__header {
	color: var(--ew-muted-foreground);
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: var(--ew-radius-sm);
	border: 1px solid var(--ew-border);
}

.wc-block-components-product-name {
	color: var(--ew-foreground) !important;
	font-family: var(--ew-font-serif);
	font-size: 1.0625rem;
}

.wc-block-components-product-name:hover { color: var(--ew-accent) !important; }

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--ew-font-serif);
	color: var(--ew-accent);
}

/* Buttons inside the blocks. */
.wc-block-components-button:not(.is-link) {
	background: var(--ew-accent) !important;
	border-color: var(--ew-accent) !important;
	border-radius: var(--ew-radius) !important;
	color: var(--ew-accent-foreground) !important;
	font-family: var(--ew-font-sans);
	font-weight: 600;
}

.wc-block-components-button:not(.is-link):hover {
	background: var(--ew-foreground) !important;
	border-color: var(--ew-foreground) !important;
	color: var(--ew-accent) !important;
}

.wc-block-components-button.is-link,
.wc-block-cart-item__remove-link {
	color: var(--ew-muted-foreground) !important;
}

.wc-block-components-button.is-link:hover,
.wc-block-cart-item__remove-link:hover { color: var(--ew-destructive) !important; }

/* Quantity stepper. */
.wc-block-components-quantity-selector {
	border: 1px solid var(--ew-border) !important;
	border-radius: var(--ew-radius) !important;
	background: var(--ew-secondary);
}

.wc-block-components-quantity-selector input,
.wc-block-components-quantity-selector__button {
	background: transparent !important;
	color: var(--ew-foreground) !important;
}

.wc-block-components-quantity-selector::after { border: 0 !important; }

/* Notices inside the blocks. */
.wc-block-components-notice-banner {
	background: var(--ew-card) !important;
	border: 1px solid var(--ew-border) !important;
	border-left: 3px solid var(--ew-accent) !important;
	border-radius: var(--ew-radius) !important;
	color: var(--ew-foreground) !important;
}

.wc-block-components-notice-banner.is-error { border-left-color: var(--ew-destructive) !important; }
.wc-block-components-notice-banner.is-success { border-left-color: var(--ew-success) !important; }

/* Payment method rows. */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	background: var(--ew-secondary);
	border: 1px solid var(--ew-border);
	border-radius: var(--ew-radius);
	margin-bottom: 0.75rem;
	padding: 0.25rem 0.5rem;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option:has(input:checked) {
	border-color: var(--ew-accent);
}

.wc-block-components-checkout-place-order-button { width: 100%; padding: 1rem !important; }

/* Empty-cart state. */
.wp-block-woocommerce-empty-cart-block { text-align: center; }
.wp-block-woocommerce-empty-cart-block h2 { font-family: var(--ew-font-serif); }

/* Blocks default to a light scheme for some sub-surfaces; force the canvas. */
.wc-block-checkout,
.wc-block-cart,
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart { color: var(--ew-foreground); }