/**
 * WooCommerce — warp-art-Look.
 * Reduziert, viel Weißraum, grüne Aktions-Buttons.
 * Ausschließlich ACSS-Variablen (automatic-variables.css) — keine
 * hartkodierten Farben/Größen.
 */

/* Buttons: Single-Product-Add-to-Cart, Loop-Add-to-Cart, Checkout, Cart-Update … */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
.woocommerce .add_to_cart_button,
.woocommerce #place_order,
.woocommerce input.checkout-button {
	background-color: var(--primary);
	color: var(--white);
	border: none;
	border-radius: var(--radius);
	padding: var(--space-xs) var(--space-m);
	font-family: var(--text-font-family);
	font-weight: 600;
	text-transform: none;
	box-shadow: none;
	background-image: none;
	transition: var(--transition);
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover,
.woocommerce #place_order:hover,
.woocommerce input.checkout-button:hover {
	background-color: var(--base-ultra-dark);
	color: var(--white);
}

/* Produkttitel: Single-Product + Loop-Card */
.woocommerce .product_title,
.woocommerce .woocommerce-loop-product__title {
	font-family: var(--heading-font-family);
	font-weight: 600;
}

/* Preise */
.woocommerce .price {
	font-family: var(--text-font-family);
	color: var(--text-color);
}

.woocommerce .price del {
	color: var(--neutral);
	font-weight: 400;
}

.woocommerce .price ins {
	text-decoration: none;
}

/* Layout / Weißraum */
.woocommerce {
	padding-block: var(--space-xl);
}

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	gap: var(--space-l);
}

.woocommerce div.product {
	max-width: var(--width-70);
}