/*
 * WooCommerce in der Gestaltung 2027.
 *
 * Nur geladen, wenn WooCommerce aktiv ist (includes/woocommerce.php). Alle Werte
 * kommen aus theme.json, damit der Shop der Style-Variation der Seite folgt.
 */

:root {
	--sa-wc-linie: var(--wp--preset--color--linie, #d8d2c6);
	--sa-wc-flaeche: var(--wp--preset--color--flaeche, #f3efe8);
	--sa-wc-tinte: var(--wp--preset--color--tinte, #1f1f1f);
}

/* Knöpfe wie die Theme-Knöpfe (Pille, Tinte auf Grund). */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--tinte);
	color: var(--wp--preset--color--grund);
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	padding: 14px 26px;
	min-height: 44px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--text-weich);
	color: var(--wp--preset--color--grund);
}

.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.wc-block-components-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--akzent);
	outline-offset: 3px;
}

/* Preise in der Überschriftenschrift, ruhig statt Signalfarbe. */
.woocommerce .price,
.wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--sa-wc-tinte);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large, 1.4rem);
}

.woocommerce .price del,
.wc-block-components-product-price del {
	opacity: 0.6;
}

/* Hinweise (in den Warenkorb gelegt, Fehler) als schlichte Bänder. */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .wc-block-components-notice-banner,
body .wc-block-components-notice-banner.is-success,
body .wc-block-components-notice-banner.is-error,
body .wc-block-components-notice-banner.is-info {
	border: 0;
	border-inline-start: 4px solid var(--wp--preset--color--akzent);
	border-radius: 0;
	background: var(--sa-wc-flaeche);
	color: var(--sa-wc-tinte);
}

body .wc-block-components-notice-banner > svg {
	background-color: var(--wp--preset--color--akzent);
	fill: var(--wp--preset--color--akzent-kontrast, #fff);
}

/* Felder in Warenkorb und Kasse. */
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control input,
.wc-blocks-components-select select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid var(--sa-wc-linie);
	border-radius: 6px;
	background: var(--wp--preset--color--papier, #fff);
	color: var(--sa-wc-tinte);
}

.wc-block-components-sidebar-layout .wc-block-components-panel,
.wc-block-components-totals-wrapper {
	border-color: var(--sa-wc-linie);
}

/* Warenkorb-Knopf am Kunstwerk (smartartist-core) neben dem Anfrage-Knopf. */
.sa-warenkorb {
	display: contents;
}