/* WooCommerce theme overrides — loaded only on WooCommerce pages */

.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
	background: var(--primary);
	color: var(--primary-foreground);
	border-radius: var(--radius);
	font-weight: 500;
	font-size: 0.875rem;
	padding: 0.625rem 1.25rem;
	border: none;
	cursor: pointer;
	transition: background 150ms ease;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
	background: color-mix(in oklch, var(--primary), black 10%);
}

.woocommerce .button.alt,
.woocommerce button.button.alt {
	background: var(--primary);
	color: var(--primary-foreground);
}

.woocommerce .products .product {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: var(--wp--preset--spacing--4);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--primary);
}

.woocommerce-error {
	border-top-color: var(--destructive);
}

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

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-color: var(--border);
}