/* =========================================================================
   JO'S LIQUOR — WOOCOMMERCE STYLING
   Styles standard WC markup (rendered by Bricks Woo elements or WC defaults)
   into the rust/gold/magenta system. Loaded on shop/single/cart/checkout/account.
   ========================================================================= */

.jos-woo, .woocommerce, .woocommerce-page { color: var(--c-gold); }

/* ---------- Shared WC buttons → pill ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-page .button,
.brxe-woocommerce-products a.button {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	background: var(--c-gold); color: var(--c-ink);
	font-family: var(--font-body); font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
	font-size: .82rem; line-height: 1;
	padding: .9em 1.7em; border-radius: var(--r-pill); border: 2px solid transparent;
	min-height: 44px; cursor: pointer;
	transition: transform var(--dur) var(--ease), background var(--dur) var(--ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover { background: var(--c-gold-soft); color: var(--c-ink); transform: translateY(-2px); }
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce #place_order { background: var(--c-magenta); color: #fff; }
.woocommerce .button.alt:hover { background: #b51e51; color:#fff; }
.woocommerce a.added_to_cart { margin-left:.5rem; }

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce-store-notice {
	background: var(--c-brown); color: var(--c-gold);
	border-top: 3px solid var(--c-gold); border-radius: var(--r-sm);
	padding: 1rem 1.2rem; list-style: none;
}
.woocommerce-error { border-top-color: var(--c-magenta); }
.woocommerce-message .button, .woocommerce-info .button { float: right; }

/* ---------- Breadcrumbs ---------- */
.woocommerce-breadcrumb,
.brxe-woocommerce-breadcrumbs {
	font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600;
	color: var(--c-gold); opacity: .85; margin-bottom: var(--s-4);
}
.woocommerce-breadcrumb a { color: var(--c-gold); }

/* =========================================================================
   ARCHIVE / SHOP GRID
   ========================================================================= */
.jos-product-grid,
.woocommerce ul.products {
	display: grid; gap: var(--s-4); margin: 0; padding: 0; list-style: none;
	grid-template-columns: repeat(var(--cols-desktop, 3), 1fr);
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none; }

.jos-product-card,
.woocommerce ul.products li.product {
	background: var(--c-brown); border-radius: var(--r-card); overflow: hidden;
	border: 1px solid rgba(250,174,51,.14); text-align: left; margin: 0; width: auto;
	display: flex; flex-direction: column; position: relative;
	transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.jos-product-card:hover,
.woocommerce ul.products li.product:hover { transform: translateY(-4px); border-color: rgba(250,174,51,.4); }

.jos-product-card__media,
.woocommerce ul.products li.product a img {
	aspect-ratio: 4/5; background: var(--c-brown-dark); overflow: hidden; margin: 0; width: 100%;
}
.jos-product-card__media img,
.woocommerce ul.products li.product a img { width: 100%; height: 100%; object-fit: cover; display: block; }

.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; color: var(--c-gold); }
.jos-product-card__body { padding: var(--s-3); display: flex; flex-direction: column; gap: .35rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--font-body); font-weight: 600; font-size: 1rem; text-transform: none; letter-spacing: 0;
	color: var(--c-gold); padding: var(--s-3) var(--s-3) 0; margin: 0;
}
.jos-product-card__title { font-family: var(--font-body); font-weight: 600; font-size: 1rem; text-transform: none; letter-spacing: 0; color: var(--c-gold); margin: 0; }
.jos-product-card__price,
.woocommerce ul.products li.product .price {
	color: var(--c-gold-soft); font-weight: 600; font-size: 1rem; margin: 0; padding: 0 var(--s-3);
}
.woocommerce ul.products li.product .price del { opacity: .55; font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.jos-product-card .button { margin: var(--s-3); }

/* --- Archive product card (WooCommerce loop) — clean, non-overlapping layout.
   Product photos are white-bg bottle shots → show them WHOLE on a light tile. --- */
.woocommerce ul.products li.product { display: flex; flex-direction: column; text-align: left; }
.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: flex; flex-direction: column; color: var(--c-gold); }
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product a img {
	width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: contain;
	background: #f3eee2; display: block; margin: 0; padding: 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: var(--s-3) var(--s-3) .2rem; margin: 0;
	font-family: var(--font-body); font-weight: 600; text-transform: none; letter-spacing: 0;
	font-size: .92rem; line-height: 1.3; color: var(--c-gold);
}
.woocommerce ul.products li.product .price {
	padding: 0 var(--s-3) var(--s-3); margin: 0; display: block;
	color: var(--c-gold-soft); font-weight: 600; font-size: 1rem;
}
.woocommerce ul.products li.product .button {
	margin: auto var(--s-3) var(--s-3); align-self: flex-start;
}
.woocommerce ul.products li.product .star-rating { margin: 0 var(--s-3) .4rem; }

/* Sale / new badge */
.woocommerce span.onsale,
.jos-badge {
	position: absolute; top: 12px; left: 12px; z-index: 2;
	background: var(--c-magenta); color: #fff; min-height: 0;
	font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600;
	padding: .4em .8em; border-radius: var(--r-pill); margin: 0;
}

/* Shop layout: category sidebar + product grid */
.jos-shop-layout { display: grid; grid-template-columns: 230px 1fr; gap: var(--s-5); align-items: start; }
.jos-shop-sidebar { position: sticky; top: calc(var(--header-h) + 1rem); }
.jos-shop-sidebar__title {
	font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em;
	color: var(--c-gold); font-size: 1.4rem; margin: 0 0 var(--s-3);
}
.jos-shop-cats { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.jos-shop-cat {
	display: block; padding: .55em 0; color: var(--c-cream);
	font-weight: 500; text-transform: uppercase; letter-spacing: .04em; font-size: .82rem;
	border-bottom: 1px solid rgba(250,174,51,.14);
	transition: color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}
.jos-shop-cat { display: flex; justify-content: space-between; align-items: center; gap: .6rem; }
.jos-shop-cat:hover { color: var(--c-gold); padding-left: .4em; opacity: 1; }
.jos-shop-cat.is-active { color: var(--c-gold); }
.jos-shop-cat__count { font-size: .7rem; opacity: .6; font-weight: 500; }

/* Toolbar: result count + orderby + column switcher */
.jos-shop-toolbar {
	display: flex; align-items: center; justify-content: space-between; gap: var(--s-3);
	flex-wrap: wrap; margin-bottom: var(--s-4);
}
.woocommerce-result-count { margin: 0; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
.woocommerce-ordering select,
.jos-shop-toolbar select {
	background: var(--c-brown); color: var(--c-gold); border: 2px solid rgba(250,174,51,.3);
	border-radius: var(--r-pill); padding: .5em 2.4em .5em 1.1em; font-family: var(--font-body);
	font-weight: 500; font-size: .82rem; cursor: pointer;
}
/* Compact segmented control (clearly a view toggle — not loose numbered circles) */
.jos-cols-switcher {
	display: inline-flex; align-items: center;
	border: 2px solid rgba(250,174,51,.3); border-radius: var(--r-pill); overflow: hidden;
}
.jos-cols-switcher [data-cols] {
	width: 34px; height: 32px; border: 0; border-radius: 0; cursor: pointer;
	background: transparent; color: var(--c-gold); font-weight: 600; font-size: .76rem;
	display: grid; place-items: center; transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.jos-cols-switcher [data-cols] + [data-cols] { border-left: 1px solid rgba(250,174,51,.22); }
.jos-cols-switcher [data-cols].is-active { background: var(--c-gold); color: var(--c-ink); }

/* Mobile filter toggle + panel */
.jos-filter-toggle { display: none; }
.jos-filter-panel { }
@media (max-width: 900px) {
	.jos-filter-toggle { display: inline-flex; }
	.jos-filter-panel { display: none; }
	.jos-filter-panel.is-open { display: block; }
	.jos-cols-switcher [data-cols="4"], .jos-cols-switcher [data-cols="3"] { display: none; }
}

.woocommerce nav.woocommerce-pagination { margin-top: var(--s-6); text-align: center; }
.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: .4rem; border: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: var(--r-pill); background: var(--c-brown); color: var(--c-gold); padding: 0 .6rem;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--c-gold); color: var(--c-ink); }

/* Classic add-to-cart buttons everywhere (Bricks Woo + WC) */
.add_to_cart_button, .single_add_to_cart_button,
.brxe-product-add-to-cart .button {
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--c-gold); color: var(--c-ink);
	font-weight: 600; letter-spacing: .1em; text-transform: uppercase; font-size: .82rem;
	padding: .9em 1.7em; border-radius: var(--r-pill); border: 2px solid transparent; min-height: 44px;
	transition: transform var(--dur) var(--ease), background var(--dur) var(--ease);
}
.add_to_cart_button:hover, .single_add_to_cart_button:hover { background: var(--c-gold-soft); transform: translateY(-2px); }

/* =========================================================================
   SINGLE PRODUCT
   ========================================================================= */
/* Bricks builds the PDP from individual Woo elements — use this grid wrapper. */
.jos-pdp { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-6); align-items: start; }
.jos-pdp__full { grid-column: 1 / -1; }
/* Woo element wrappers (no div.product ancestor when built in Bricks) */
.brxe-product-title, .product_title {
	font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em;
	color: var(--c-gold); font-size: clamp(2rem, 1rem + 3vw, 3.4rem); line-height: .95; margin: 0 0 .3em;
}
.brxe-product-price .price, .brxe-product-price { color: var(--c-gold-soft); font-size: 1.6rem; font-weight: 600; }
.jos-pdp__note {
	background: var(--c-brown-dark); border-left: 4px solid var(--c-magenta);
	padding: .9rem 1.1rem; border-radius: var(--r-sm); font-size: .88rem; margin: var(--s-3) 0;
	line-height: 1.55;
}

/* PDP built from Bricks Woo elements has NO div.product ancestor, so the
   div.product-scoped rules below don't reach it. Style the Bricks PDP directly. */
.jos-pdp__summary { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.jos-pdp .woocommerce-product-gallery,
.jos-pdp [class*="product-gallery"] { width: 100%; margin: 0; min-width: 0; }
.jos-pdp .woocommerce-product-gallery__wrapper,
.jos-pdp [class*="product-gallery"] img {
	width: 100%; height: auto; border-radius: var(--r-card);
	background: #f3eee2;
}
.jos-pdp .woocommerce-product-gallery img { padding: var(--s-4); }
.jos-pdp form.cart {
	display: flex; gap: .75rem; align-items: stretch; flex-wrap: wrap; margin: var(--s-4) 0;
}
.jos-pdp form.cart .button { flex: 1 1 auto; min-height: 48px; }
.jos-pdp .product_meta { font-size: .82rem; letter-spacing: .04em; opacity: .85; margin-top: var(--s-3); }
.jos-pdp .product_meta a { color: var(--c-gold); text-decoration: underline; }

.woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-6); }
.woocommerce div.product .woocommerce-product-gallery { margin: 0; }
.woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--r-card); }
.woocommerce div.product .summary { margin: 0; }
.woocommerce div.product .product_title {
	font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em;
	color: var(--c-gold); font-size: clamp(2rem, 1rem + 3vw, 3.4rem); line-height: .95; margin: 0 0 .3em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--c-gold-soft); font-size: 1.6rem; font-weight: 600; }
.woocommerce div.product .woocommerce-product-details__short-description { margin: var(--s-3) 0; opacity: .95; }
.woocommerce div.product form.cart { display: flex; gap: .75rem; align-items: stretch; margin: var(--s-4) 0; flex-wrap: wrap; }
.woocommerce .quantity .qty {
	width: 84px; min-width: 0; text-align: center; padding: .85em .5em;
	background: var(--c-brown); color: var(--c-gold); border: 2px solid rgba(250,174,51,.3); border-radius: var(--r-pill);
}
.woocommerce div.product form.cart .button { padding: .95em 2.2em; }
.woocommerce div.product .product_meta { font-size: .82rem; letter-spacing: .04em; opacity: .85; margin-top: var(--s-3); }
.woocommerce div.product .product_meta a { color: var(--c-gold); text-decoration: underline; }

/* Variations table */
.woocommerce div.product form.cart .variations { width: 100%; border: 0; margin-bottom: var(--s-3); }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; padding: .4rem 0; }
.woocommerce div.product form.cart .variations select {
	background: var(--c-brown); color: var(--c-gold); border: 2px solid rgba(250,174,51,.3);
	border-radius: var(--r-pill); padding: .7em 1.1em; min-width: 200px;
}

/* Tabs */
.woocommerce-tabs { grid-column: 1 / -1; margin-top: var(--s-6); }
.woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 var(--s-4); display: flex; gap: .5rem; flex-wrap: wrap; border: 0; list-style: none; }
.woocommerce-tabs ul.tabs li::marker { content: ""; }
.woocommerce-tabs ul.tabs::before { border: 0; }
.woocommerce-tabs ul.tabs li {
	background: var(--c-brown); border: 0; border-radius: var(--r-pill); margin: 0;
}
.woocommerce-tabs ul.tabs li.active { background: var(--c-gold); }
.woocommerce-tabs ul.tabs li a { color: var(--c-gold); text-transform: uppercase; font-weight: 600; letter-spacing: .08em; font-size: .82rem; padding: .7em 1.3em; }
.woocommerce-tabs ul.tabs li.active a { color: var(--c-ink); }
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { border: 0; box-shadow: none; }

.woocommerce .related.products,
.woocommerce .upsells.products { grid-column: 1 / -1; margin-top: var(--s-7); }
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 { color: var(--c-gold); margin-bottom: var(--s-4); }

.woocommerce .star-rating span::before, .woocommerce p.stars a::before { color: var(--c-gold); }

/* =========================================================================
   CART
   ========================================================================= */
.woocommerce table.shop_table {
	background: var(--c-brown); border-radius: var(--r-card); border-collapse: separate; border-spacing: 0;
	border: 1px solid rgba(250,174,51,.14); overflow: hidden;
}
.woocommerce table.shop_table th { text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; color: var(--c-gold); padding: 1rem; }
.woocommerce table.shop_table td { border-top: 1px solid rgba(250,174,51,.12); padding: 1rem; color: var(--c-gold); }
.woocommerce table.cart img { width: 64px; border-radius: var(--r-sm); }
.woocommerce a.remove {
	color: var(--c-gold) !important; background: var(--c-brown-dark); border-radius: var(--r-pill);
	width: 26px; height: 26px; line-height: 26px; text-align: center; font-weight: 600;
}
.woocommerce a.remove:hover { background: var(--c-magenta); color: #fff !important; }

/* =========================================================================
   CART — WooCommerce NATIVE Cart block.
   We do NOT template the cart in Bricks; the cart page renders WooCommerce's own
   `woocommerce/cart` block (styled by wc-blocks.css). These rules only re-colour
   that native block for the dark rust/gold theme — layout stays native/responsive.
   ========================================================================= */
/* The cart page renders via the parent theme's <article> (no Bricks container),
   and the cart block ships with `alignwide` (max-width:120%) → it blows ~144px
   past each side of the viewport. Constrain it to the site width, centre it, and
   add side gutters so it has breathing room on desktop and mobile. */
.woocommerce-cart .wp-block-woocommerce-cart {
	max-width: 1100px !important;
	margin-inline: auto !important;
	padding-inline: var(--gutter);
	box-sizing: border-box;
}
.wp-block-woocommerce-cart { color: var(--c-cream); }
.wc-block-cart__main, .wc-block-cart__sidebar { min-width: 0; }
/* If the parent theme prints a page title above the block, keep it sane. */
.woocommerce-cart .entry-title, .woocommerce-cart .page-title { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); color: var(--c-gold); }

/* Items */
.wc-block-cart-items__header { color: var(--c-gold); border-bottom-color: rgba(250,174,51,.2); }
.wc-block-cart-items .wc-block-cart-items__row { border-color: rgba(250,174,51,.12); }
.wc-block-components-product-name { color: var(--c-gold) !important; font-weight: 600; }
.wc-block-cart-item__prices .wc-block-components-product-price,
.wc-block-components-product-price__value,
.wc-block-components-formatted-money-amount,
.wc-block-cart-item__total .wc-block-components-product-price { color: var(--c-gold); }
.wc-block-components-product-metadata, .wc-block-cart-item__quantity { color: var(--c-cream); }
.wc-block-cart-item__image img { border-radius: var(--r-sm); }
.wc-block-cart-item__remove-link { color: var(--c-cream); }
.wc-block-cart-item__remove-link:hover { color: var(--c-gold); }

/* Quantity stepper */
.wc-block-components-quantity-selector { border-color: rgba(250,174,51,.3); border-radius: var(--r-pill); overflow: hidden; background: var(--c-brown-dark); }
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { color: var(--c-gold); background: transparent; }
.wc-block-components-quantity-selector__button { color: var(--c-gold); }

/* Order-summary sidebar card */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wp-block-woocommerce-cart-order-summary-block {
	background: var(--c-brown); border: 1px solid rgba(250,174,51,.16);
	border-radius: var(--r-card); padding: var(--s-5);
}
.wc-block-cart__totals-title, .wc-block-components-title { color: var(--c-gold) !important; }
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value { color: var(--c-cream); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--c-gold); }
.wc-block-components-totals-wrapper { border-top-color: rgba(250,174,51,.18); }

/* Buttons + inputs */
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-components-button.contained {
	background: var(--c-gold); color: var(--c-ink); border-radius: var(--r-pill);
}
.wp-block-woocommerce-cart .wc-block-components-button.outlined { color: var(--c-gold); box-shadow: inset 0 0 0 1px var(--c-gold); border-radius: var(--r-pill); }
.wp-block-woocommerce-cart .wc-block-components-text-input input,
.wp-block-woocommerce-cart .wc-block-components-text-input textarea {
	background: var(--c-brown-dark); color: var(--c-gold); border-color: rgba(250,174,51,.3);
}
.wp-block-woocommerce-cart .wc-block-components-text-input label { color: rgba(246,232,210,.65); }

/* =========================================================================
   CHECKOUT
   ========================================================================= */
/* Classic WC inputs — still used by the My Account / login + register forms
   (the checkout itself is now WooCommerce's native block, below). */
.woocommerce .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce select,
.select2-container--default .select2-selection--single {
	min-width: 0; width: 100%;
	background: var(--c-brown) !important; color: var(--c-gold) !important;
	border: 2px solid rgba(250,174,51,.3) !important; border-radius: var(--r-sm);
	padding: .85em 1.1em; font-family: var(--font-body);
}
.woocommerce .input-text::placeholder { color: rgba(246,232,210,.5); }
.woocommerce form .form-row label { font-weight: 600; letter-spacing: .04em; color: var(--c-gold); }

/* 21+ note we prepend to the checkout page (the_content). */
.jos-checkout-note {
	background: var(--c-brown-dark); border-left: 4px solid var(--c-magenta);
	padding: 1rem 1.2rem; border-radius: var(--r-sm); margin: 0 auto var(--s-4);
	font-size: .9rem; max-width: 1100px; box-sizing: border-box;
}
@media (max-width: 1100px) { .jos-checkout-note { margin-inline: var(--gutter); } }

/* ===== Native WooCommerce Checkout block — themed + contained for the dark site.
   (Same approach as the cart block: the page renders the native block via the
   parent theme article, with alignwide overflowing — constrain + gutter it, then
   recolour the wc-block-* components. Layout stays native/responsive.) ===== */
.woocommerce-checkout .wp-block-woocommerce-checkout {
	max-width: 1100px !important; margin-inline: auto !important;
	padding-inline: var(--gutter); box-sizing: border-box;
}
.wp-block-woocommerce-checkout, .wc-block-checkout { color: var(--c-cream); }
.wc-block-checkout__main, .wc-block-checkout__sidebar { min-width: 0; }
.wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__heading,
.wc-block-components-title { color: var(--c-gold) !important; }
.wc-block-components-checkout-step__description { color: rgba(246,232,210,.7); }
/* Form fields. NOTE: wc-blocks.css sets a white field background with enough
   weight that these need !important to win (the place-order button below proves
   !important is required for block components). */
.wp-block-woocommerce-checkout .wc-block-components-text-input input,
.wp-block-woocommerce-checkout .wc-block-components-text-input textarea,
.wp-block-woocommerce-checkout .wc-block-components-combobox input,
.wp-block-woocommerce-checkout .wc-block-components-combobox-control input,
.wp-block-woocommerce-checkout .wc-block-components-country-input input,
.wp-block-woocommerce-checkout .wc-block-components-state-input input,
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="tel"] {
	background-color: var(--c-brown-dark) !important;
	color: var(--c-gold) !important;
	border-color: rgba(250,174,51,.35) !important;
}
.wp-block-woocommerce-checkout .wc-block-components-text-input input::placeholder { color: rgba(246,232,210,.45) !important; }
.wp-block-woocommerce-checkout .wc-block-components-text-input label,
.wp-block-woocommerce-checkout .wc-block-components-combobox label { color: rgba(246,232,210,.7); }
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active label { color: var(--c-gold); }
/* WooCommerce notices (e.g. "no payment methods") — keep them off stark white. */
.wp-block-woocommerce-checkout .wc-block-components-notice-banner {
	background: var(--c-brown) !important; color: var(--c-cream) !important;
	border-radius: var(--r-sm);
}
/* Shipping / payment option rows */
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option { color: var(--c-cream); border-color: rgba(250,174,51,.14); }
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label { color: var(--c-gold); }
/* Order-summary sidebar card */
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout .wc-block-components-sidebar {
	background: var(--c-brown); border: 1px solid rgba(250,174,51,.16); border-radius: var(--r-card);
}
.wc-block-components-order-summary-item__description,
.wc-block-components-order-summary-item__total-price { color: var(--c-gold); }
/* Place-order button */
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button.contained {
	background: var(--c-gold) !important; color: var(--c-ink) !important; border-radius: var(--r-pill);
}

/* =========================================================================
   MY ACCOUNT
   ========================================================================= */
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 240px 1fr; gap: var(--s-5); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .25rem; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block; padding: .8em 1.1em; border-radius: var(--r-pill); color: var(--c-gold);
	text-transform: uppercase; letter-spacing: .06em; font-size: .82rem; font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--c-brown); }
.woocommerce-account .woocommerce-MyAccount-content { color: var(--c-gold); }
.woocommerce-form-login, .woocommerce-form-register {
	background: var(--c-brown); border-radius: var(--r-card); padding: var(--s-5); max-width: 460px;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 900px) {
	.jos-product-grid,
	.woocommerce ul.products { grid-template-columns: repeat(var(--cols-mobile, 2), 1fr); }
	/* Sidebar collapses behind the "Browse & Filter" toggle */
	.jos-shop-layout { grid-template-columns: 1fr; }
	.jos-shop-sidebar { position: static; }
	.jos-shop-sidebar__title { display: none; }
	.jos-shop-sidebar .jos-shop-cats { display: none; margin-top: var(--s-3); }
	.jos-shop-sidebar.is-open .jos-shop-cats { display: flex; }
	.jos-filter-toggle { order: -1; width: 100%; }
	.woocommerce div.product { grid-template-columns: 1fr; }
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.woocommerce div.product form.cart { flex-direction: column; }
	.woocommerce .quantity .qty { width: 100%; }
	/* Mobile product page: stack gallery over summary (the Bricks PDP grid stays
	   2-col without this → tiny image beside a cramped summary). */
	.jos-pdp { grid-template-columns: 1fr; gap: var(--s-5); }
	.jos-pdp .woocommerce-product-gallery img { padding: var(--s-5); }
	.brxe-product-title, .jos-pdp .product_title { font-size: clamp(1.8rem, 1.2rem + 4vw, 2.4rem); }
	.jos-pdp form.cart { flex-direction: column; }
	.jos-pdp form.cart .button { width: 100%; }
	.jos-pdp .quantity,
	.jos-pdp .quantity .qty { width: 100%; }
}