/* LebenPlus – Ergänzungen für WooCommerce (nur auf Shopseiten geladen). */

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
	gap: var(--wp--preset--spacing--50) clamp(1.25rem, 3vw, 2.5rem);
	margin: 0;
}

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

.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	float: none;
	width: auto !important;
	margin: 0 !important;
	text-align: left;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 1rem;
	border-radius: 0 0 var(--lp-ecke) 0;
	background: var(--lp-grau);
}

.woocommerce ul.products li.product .lp-label {
	margin-bottom: .25rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	margin-bottom: .5rem;
	color: var(--lp-gruen);
	font-family: var(--wp--preset--font-family--quincy);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.25;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	margin-bottom: 1rem;
	color: var(--lp-gruen);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
}

.woocommerce ul.products li.product .button {
	margin-top: auto;
	align-self: flex-start;
}

.woocommerce ul.products li.product .added_to_cart {
	display: inline-block;
	margin-top: .75rem;
	color: var(--lp-orange);
	font-weight: 700;
}

.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after {
	top: auto;
}

/* Einzelnes Produkt */
.woocommerce div.product {
	padding-top: var(--wp--preset--spacing--50);
}

.woocommerce div.product .product_title {
	color: var(--lp-blau);
	font-size: var(--wp--preset--font-size--xx-large);
}

.woocommerce div.product div.images img {
	border-radius: 0 0 var(--lp-ecke) 0;
	background: var(--lp-grau);
}

.woocommerce div.product form.cart .button {
	float: none;
}

.woocommerce .quantity .qty {
	min-height: 3rem;
	padding: .5rem;
	border: 2px solid var(--lp-linie);
	font: inherit;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--lp-gruen);
	background: var(--lp-grau);
	color: var(--lp-text);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--lp-gruen);
}

.woocommerce-message .button {
	float: none !important;
	margin-inline-end: 1rem;
}

/* Warenkorb und Kasse (WooCommerce-Blöcke) */
.wc-block-components-button:not(.is-link) {
	border-radius: 0 0 var(--lp-ecke-klein) 0 !important;
	background: var(--lp-orange) !important;
	color: var(--lp-weiss) !important;
	font-weight: 700;
}

.wc-block-components-product-name {
	color: var(--lp-gruen);
	font-weight: 700;
}

/* Alle Shop-Buttons wie im Theme: Orange, beim Hover Brucher Blau – nie WooCommerce-Lila. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit {
	border: 2px solid var(--lp-orange);
	border-radius: 0 0 var(--lp-ecke-klein) 0;
	background: var(--lp-orange);
	color: var(--lp-weiss);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover {
	border-color: var(--lp-blau);
	background: var(--lp-blau);
	color: var(--lp-weiss);
}

.woocommerce a.button.disabled,
.woocommerce a.button.disabled:hover,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover {
	border-color: var(--lp-orange);
	background: var(--lp-orange);
	color: var(--lp-weiss);
	opacity: .5;
}

.wc-block-components-button:not(.is-link):hover {
	background: var(--lp-blau) !important;
}
