/* ===========================================================
   WooCommerce — Hairsystems Vienna / syshair
   Shop, Produkte, Warenkorb, Kasse & Konto im Marken-Look.
   Lädt nur, wenn WooCommerce aktiv ist.
   =========================================================== */

.wc-shop { padding-top: 4px; }
.wc-shop a:not(.button):hover { color: var(--orange, #EF7D00); }

/* --- Buttons (an .btn-primary des Themes angeglichen) --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	font-size: .95rem;
	padding: 13px 26px;
	border-radius: var(--radius-sm, 8px);
	background: var(--orange, #EF7D00);
	color: #fff;
	border: none;
	text-transform: none;
	letter-spacing: .005em;
	line-height: 1.2;
	transition: background .2s ease, transform .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover {
	background: var(--orange-dark, #D56E00);
	color: #fff;
	transform: translateY(-1px);
}
/* Sekundäre Aktion (z. B. „Warenkorb aktualisieren") dezent in Ink */
.woocommerce button.button[name="update_cart"],
.woocommerce-cart .wc-proceed-to-checkout + .button {
	background: var(--ink, #0D0C0A);
}
.woocommerce button.button[name="update_cart"]:hover {
	background: var(--grey-900, #262626);
}

/* --- Preise --- */
.woocommerce .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ink, #0D0C0A);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
}
.woocommerce .price del { color: var(--grey-400, #A3A3A3); font-weight: 500; }
.woocommerce .price ins { text-decoration: none; }

/* --- Sale-Badge --- */
.woocommerce span.onsale {
	background: var(--orange, #EF7D00);
	color: #fff;
	border-radius: var(--radius-pill, 999px);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: .72rem;
	min-height: auto;
	min-width: auto;
	padding: 6px 14px;
	line-height: 1;
}

/* --- Produkt-Raster --- */
.woocommerce ul.products li.product { text-align: left; }
.woocommerce ul.products li.product a img {
	border-radius: var(--radius-md, 14px);
	margin-bottom: 14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product h2,
ul.products li.product h3 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--ink, #0D0C0A);
	margin: 0;
	padding: 0 0 6px;
}
.woocommerce ul.products li.product .button,
ul.products li.product .button { margin-top: 16px; }

/* Sternebewertung in Vienna Orange */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--orange, #EF7D00); }

/* --- Einzelprodukt --- */
.woocommerce div.product .product_title {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: clamp(1.6rem, 3vw, 2.1rem);
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--ink, #0D0C0A);
}
.woocommerce div.product .woocommerce-product-gallery img {
	border-radius: var(--radius-md, 14px);
}
.woocommerce div.product form.cart .quantity {
	margin-right: 18px;
}
.woocommerce div.product form.cart .quantity .qty {
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-sm, 8px);
	padding: 14px 12px;
	width: 90px;
	min-width: 90px;
	height: auto;
	font-size: 1.05rem;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
	padding: 14px 28px;
	font-size: 1rem;
}
/* Mehr Abstand zwischen Kurzbeschreibung und Warenkorb-Bereich */
.woocommerce div.product .woocommerce-product-details__short-description {
	margin-bottom: 32px;
}
.woocommerce div.product form.cart {
	margin-top: 28px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--orange, #EF7D00);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
}
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	letter-spacing: -.01em;
	color: var(--ink, #0D0C0A);
}

/* --- Tabellen (Warenkorb) --- */
.woocommerce table.shop_table {
	border-radius: var(--radius-md, 14px);
	border-color: var(--grey-200, #E7E7E7);
	overflow: hidden;
}
.woocommerce table.shop_table th {
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: var(--ink, #0D0C0A);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-sm, 8px);
	padding: 11px 14px;
}

/* --- Warenkorb-Summen & Kasse-Übersicht --- */
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
	background: var(--sand, #F5EFE1);
	border-radius: var(--radius-md, 14px);
}
.woocommerce .cart_totals { padding: 22px 24px; }
.woocommerce-checkout #order_review { padding: 8px 24px 22px; }
.woocommerce-checkout #order_review_heading { padding: 18px 24px 4px; margin-bottom: 0; }
.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
}

/* --- Formularfelder --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce .select2-container .select2-selection {
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-sm, 8px);
	padding: 12px 14px;
	font-family: 'DM Sans', sans-serif;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--orange, #EF7D00);
	outline: none;
}

/* --- Hinweise / Meldungen --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top: 3px solid var(--orange, #EF7D00);
	border-radius: var(--radius-sm, 8px);
	font-family: 'DM Sans', sans-serif;
}
.woocommerce-message { background: var(--orange-light, #FEF0E0); }
.woocommerce-info {
	background: var(--sand, #F5EFE1);
	border-top-color: var(--ink, #0D0C0A);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--orange, #EF7D00); }

/* --- Brotkrümel-Navigation --- */
.woocommerce .woocommerce-breadcrumb {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: .8rem;
	letter-spacing: .03em;
	color: var(--grey-500, #737373);
	margin-bottom: 22px;
}

/* --- Ergebnis-Anzahl & Sortierung --- */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
	font-family: 'DM Sans', sans-serif;
	color: var(--grey-700, #404040);
}
.woocommerce .woocommerce-ordering select {
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-sm, 8px);
	padding: 9px 12px;
}

/* --- Seitennummerierung --- */
.woocommerce nav.woocommerce-pagination ul {
	border-color: var(--grey-200, #E7E7E7);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--orange, #EF7D00);
	color: #fff;
}

/* --- Konto-Seite --- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-md, 14px);
	overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--orange, #EF7D00);
	font-weight: 700;
}

/* --- Warenkorb-Icon im Header --- */
.nav-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: var(--radius-pill, 999px);
	color: var(--ink, #0D0C0A);
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}
.nav-cart:hover {
	background: var(--orange-light, #FEF0E0);
	color: var(--orange-dark, #D56E00);
}
.nav-cart-count {
	position: absolute;
	top: 1px;
	right: -1px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	background: var(--orange, #EF7D00);
	color: #fff;
	border-radius: var(--radius-pill, 999px);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}
.nav-cart-count.is-empty { display: none; }

/* --- Shop-Seite: kompakter Seitenkopf statt 65vh-Hero --- */
.hero-page-shop {
	min-height: auto;
	padding: 72px 0 28px;
}
.section-shop {
	padding-top: 28px;
}
.woocommerce-products-header {
	margin: 0;
	padding: 0;
}

/* --- "Onlineshop" im Menü hervorheben — Vienna Orange & fett --- */
.nav-links li.menu-item-onlineshop a,
.nav-mobile li.menu-item-onlineshop a,
li.menu-item-onlineshop > a {
	color: var(--orange, #EF7D00);
	font-weight: 700;
}
.nav-links li.menu-item-onlineshop a:hover,
.nav-mobile li.menu-item-onlineshop a:hover {
	color: var(--orange-dark, #D56E00);
}

/* --- Warenkorb-Empfehlungen "Ähnliche Produkte" — volle Breite unter dem Warenkorb --- */
.woocommerce .cross-sells {
	width: 100%;
	float: none;
	clear: both;
	margin-top: 56px;
}
.woocommerce .cross-sells > h2 {
	margin: 0 0 24px;
}

/* --- Pflegeprodukte: Kategorie-Filter & Gruppen --- */
.wc-catfilter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0 0 40px;
}
.wc-catfilter-btn {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	font-size: .92rem;
	color: var(--grey-700, #404040);
	background: #fff;
	border: 1px solid var(--grey-200, #E7E7E7);
	border-radius: var(--radius-pill, 999px);
	padding: 9px 20px;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}
.wc-catfilter-btn:hover {
	border-color: var(--orange, #EF7D00);
	color: var(--orange, #EF7D00);
}
.wc-catfilter-btn.is-active {
	background: var(--orange, #EF7D00);
	border-color: var(--orange, #EF7D00);
	color: #fff;
}
.wc-catgroup + .wc-catgroup {
	margin-top: 56px;
}
.wc-catgroup-title {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: 1.5rem;
	color: var(--ink, #0D0C0A);
	margin: 0 0 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--grey-200, #E7E7E7);
}

/* --- PayPal-Ratenzahlungs-Hinweis ("3 zinslose Zahlungen …")
       nur bei Haarsystem-Produkten zeigen, bei allen anderen ausblenden --- */
body.syshair-not-haarsystem .ppcp-messages,
body.syshair-not-haarsystem [data-pp-message],
body.syshair-not-haarsystem [data-pp-placement],
body.syshair-not-haarsystem .pp-message,
body.syshair-not-haarsystem .paypal-message,
body.syshair-not-haarsystem .wc-pay-later-message,
body.syshair-not-haarsystem klarna-placement,
body.syshair-not-haarsystem .klarna-placement,
body.syshair-not-haarsystem .klarna-onsite-messaging,
body.syshair-not-haarsystem [id^="klarna-osm"],
body.syshair-not-haarsystem [data-key*="klarna"] {
	display: none !important;
}
/* In Produkt-Rastern: Hinweis nur bei Haarsystem-Karten */
ul.products li.product:not(.product_cat-haarsystem):not(.product_cat-haarsysteme) .ppcp-messages,
ul.products li.product:not(.product_cat-haarsystem):not(.product_cat-haarsysteme) [data-pp-message],
ul.products li.product:not(.product_cat-haarsystem):not(.product_cat-haarsysteme) [data-pp-placement] {
	display: none !important;
}

/* -----------------------------------------------------------
   Klarna On-Site-Messaging ("3 zinslose Zahlungen mit Klarna")
   Sichtbar lassen, aber ans Ende des Produkt-Summary verschieben.
   (Ausblendung bei Nicht-Haarsystem-Produkten greift weiter oben.)
   ----------------------------------------------------------- */
klarna-placement,
.klarna-placement,
.klarna-onsite-messaging,
[id^="klarna-osm"],
[data-key="credit-promotion-badge"],
[data-key="credit-promotion-standard"],
[data-key*="klarna"] {
	display: block;
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--grey-200, #E7E7E7);
	clear: both;
}

/* -----------------------------------------------------------
   Express-Checkout (Google Pay, Apple Pay, etc.) ausblenden
   ----------------------------------------------------------- */
.wc-stripe-payment-request-wrapper,
.wc-stripe-payment-request-button,
#wc-stripe-payment-request-button,
.wc-stripe-payment-request-button-separator,
.wc-stripe-paymentRequest-styled-button,
.wc-stripe-payment-request-styled-button,
.gpay-button,
.apple-pay-button,
.google-pay-button,
.wc-block-components-express-payment,
.wc-block-components-express-payment-continue-rule,
.wp-block-woocommerce-checkout-express-payment-block,
.wp-block-woocommerce-cart-express-payment-block,
.payment_method_googlepay,
.payment_method_applepay {
	display: none !important;
}