/* WooCommerce presentation, loaded only on store screens. Builds on
   WooCommerce's own stylesheets rather than replacing them. */

.hwt-shop { padding-block: var(--hwt-space-5) var(--hwt-space-section); }
.hwt-shop .woocommerce-breadcrumb { font-size: var(--hwt-step--1); color: var(--hwt-muted); margin-bottom: var(--hwt-space-4); }
.hwt-shop .woocommerce-breadcrumb a { color: var(--hwt-muted); }
.hwt-shop .woocommerce-products-header__title,
.hwt-shop .product_title { font-size: var(--hwt-step-3); }

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--hwt-font-serif);
	font-weight: 400;
	font-size: var(--hwt-step-1);
	color: var(--hwt-text);
}
.woocommerce ul.products li.product a img { border-radius: var(--hwt-radius); background: var(--hwt-surface); }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--hwt-text); font-weight: 600; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	min-height: 48px;
	padding: 0.8em 1.4em;
	border-radius: var(--hwt-radius);
	background: var(--hwt-accent);
	color: var(--hwt-white);
	font-weight: 600;
	line-height: 1.2;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--hwt-text);
	color: var(--hwt-white);
}

.woocommerce span.onsale { background: var(--hwt-accent-2); color: var(--hwt-text); min-height: auto; line-height: 1; padding: 0.5em 0.8em; border-radius: 999px; }

.woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--hwt-surface); border-color: var(--hwt-border); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--hwt-bg); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty {
	min-height: 48px;
	padding: 0.6em 0.8em;
	border: 1px solid #C9C5BA;
	border-radius: var(--hwt-radius);
	background: var(--hwt-white);
	font-size: 1rem;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--hwt-accent);
	background: var(--hwt-white);
	border-radius: 0 0 var(--hwt-radius) var(--hwt-radius);
}
.woocommerce-error { border-top-color: var(--hwt-danger); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--hwt-accent); }

.woocommerce table.shop_table { border-color: var(--hwt-border); border-radius: var(--hwt-radius); background: var(--hwt-white); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 0.6em 0; text-decoration: none; color: var(--hwt-text); border-bottom: 1px solid var(--hwt-border); }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { color: var(--hwt-accent); font-weight: 600; }

/* Block-based cart & checkout inherit tokens. */
.wc-block-components-button:not(.is-link) { border-radius: var(--hwt-radius); min-height: 48px; }
.wc-block-components-button.contained { background: var(--hwt-accent); color: var(--hwt-white); }

@media (max-width: 768px) {
	.woocommerce ul.products[class*="columns-"] li.product,
	.woocommerce-page ul.products[class*="columns-"] li.product { width: 48%; }
}