/**
 * Conservative WooCommerce compatibility.
 *
 * WooCommerce remains responsible for product, cart, checkout, and account
 * behavior. The theme supplies only readable spacing, controls, and colors.
 */

.tts-woocommerce {
	padding-block: var(--tts-space-7);
}

.tts-woocommerce .woocommerce-breadcrumb,
.tts-woocommerce .woocommerce-result-count {
	color: var(--tts-color-muted);
	font-size: 0.9rem;
}

.tts-woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--tts-space-6);
}

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

.tts-woocommerce ul.products li.product {
	float: none;
	width: auto;
	margin: 0;
	padding: var(--tts-space-4);
	border: 1px solid var(--tts-color-border);
	border-radius: var(--tts-radius-medium);
	background: var(--tts-color-surface);
	box-shadow: var(--tts-shadow-card);
}

.tts-woocommerce ul.products li.product a img {
	margin-bottom: var(--tts-space-4);
	border-radius: var(--tts-radius-small);
}

.tts-woocommerce .button,
.tts-woocommerce button.button,
.tts-woocommerce input.button {
	border-radius: 999px;
	color: #fff;
	background: var(--tts-color-accent);
}

.tts-woocommerce .quantity .qty,
.tts-woocommerce .select2-container .select2-selection,
.tts-woocommerce form .form-row input.input-text,
.tts-woocommerce form .form-row textarea {
	border: 1px solid var(--tts-color-border);
	border-radius: 0.5rem;
	background: var(--tts-color-surface);
}

.tts-woocommerce table.shop_table {
	border-color: var(--tts-color-border);
	border-radius: var(--tts-radius-medium);
}

@media (max-width: 56rem) {
	.tts-woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 36rem) {
	.tts-woocommerce ul.products {
		grid-template-columns: 1fr;
	}
}