/* ==========================================================================
   WooCommerce styling — brings classic-rendered markup (from the Legacy
   Template block on single-product) and WooCommerce block classes in line
   with the rest of the theme: square corners, canvas/ink/moss/signal
   palette, JetBrains Mono for spec-style labels, no drop shadows.
   ========================================================================== */

/* Prices */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--wp--preset--color--moss);
	font-weight: 600;
}
.woocommerce del { color: var(--wp--preset--color--steel); opacity: 0.7; }
.woocommerce ins { text-decoration: none; }

/* Sale badge */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--signal) !important;
	color: var(--wp--preset--color--ink) !important;
	border-radius: 0 !important;
	font-family: "JetBrains Mono", monospace;
	font-size: 0.7rem;
	text-transform: uppercase;
}

/* Buttons: add to cart, checkout, place order, etc. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
	background: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--paper) !important;
	border-radius: 0 !important;
	border: 1px solid var(--wp--preset--color--ink) !important;
	font-family: var(--wp--preset--font-family--archivo);
	font-weight: 600;
	box-shadow: none !important;
	text-transform: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
	background: var(--wp--preset--color--moss-dark) !important;
	border-color: var(--wp--preset--color--moss-dark) !important;
}

/* Product grid (classic ul.products, used by some Woo widgets/shortcodes) */
.woocommerce ul.products li.product {
	border: 1px solid var(--wp--preset--color--steel-line);
	padding: 24px !important;
	margin: 0 -1px -1px 0 !important;
}
.woocommerce ul.products li.product img { border-radius: 0; }

/* Tabs on the single product page */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: 0;
	background: transparent;
	font-family: "JetBrains Mono", monospace;
	font-size: 0.8rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid var(--wp--preset--color--moss);
}

/* Star ratings — keep default color simple, avoid the default gold clashing
   with Signal */
.woocommerce .star-rating span:before,
.wc-block-components-product-rating .wc-block-components-product-rating__stars > span:before {
	color: var(--wp--preset--color--ink);
}

/* Quantity input / forms */
.woocommerce .quantity .qty,
.wc-block-components-quantity-selector input {
	border: 1px solid var(--wp--preset--color--steel-line);
	border-radius: 0;
}

/* Cart & Checkout block panels */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	--wc-blocks-border-radius: 0;
}
.wc-block-components-panel,
.wc-block-components-order-summary,
.wc-block-components-totals-item {
	border-color: var(--wp--preset--color--steel-line) !important;
}

/* Product Collection grid item spacing so bordered cards touch like the
   catalog pattern elsewhere on the site */
.wp-block-woocommerce-product-collection .wc-block-product-template {
	gap: 0 !important;
}