/*
 * likoer24 – WooCommerce / German Market (Paket C)
 *
 * Lädt nur auf Warenkorb, Kasse, Konto, WC-Archiven/-Produkten und den GM-Rechtsseiten
 * (Enqueue in functions.php, nach den WC-Stylesheets). Die Basis für Felder, Buttons und
 * Tabellen liefern reset.css (= Hello 3.5.1) und die Plugin-CSS (WC, GM, Konfigurator cart.css).
 * Hier steht nur, was bis zur Ablöse Elementor beigesteuert hat:
 *   1  Elementor-Pro-Custom-Code 18856 (Kasse/Warenkorb) + Header-Seiten-CSS 17186
 *   2  Kasse und Mein Konto: Breite/Schrift wie die alten Elementor-Hüllen
 *   3  Legacy-Produktseiten: Produkt-Teil von Snippet 18856
 *   4  Produktkategorien: Pro-Archiv-Template 18442 + Customizer-CSS
 * Den Hello-Breitendeckel für #primary > .site-main (WC-Wrapper) liefert theme.css.
 * 3 und 4 entfallen mit Welle 2 (301 der Legacy-URLs). Abweichungen: bau/SOLL-DIFF.md
 */

/* 1 · Snippet 18856 + Header 17186 ---------------------------------------------- */

.woocommerce a.button.alt {
	background-color: var(--lkt-beere, #aa0b50);
	color: #fff;
	border-radius: 16px;
	width: 100%;
	text-align: center;
}

.woocommerce-checkout div#order_review {
	margin-bottom: 50px;
}

mark.count {
	display: none;
}

@media (max-width: 1200px) {
	.cart-collaterals {
		padding: 0 0 50px;
	}
}

.woocommerce-cart .site-main a {
	color: #000;
	font-weight: 600;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	background-color: #f6f5f8;
}

.woocommerce-info::before {
	color: var(--lkt-beere, #aa0b50);
}

/* CRO 11/2026 · Leerer Warenkorb: Der einzige Weg weiter ist der Konfigurator, also roter Hauptknopf statt WC-Grau
   (vorher 36 px hoch, 360x800_cart.jpg). Die Hinweisleiste in Markenfarbe statt WooCommerce-Blau. */
.woocommerce-info {
	border-top-color: var(--lkt-beere, #aa0b50);
}

.woocommerce-cart .return-to-shop a.button {
	display: block;
	min-height: var(--lkt-knopf-h, 48px);
	padding: 14px 18px;
	border-radius: var(--lkt-r-knopf, 12px 0 12px 0);
	background-color: var(--lkt-beere, #aa0b50);
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}

.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce-cart .return-to-shop a.button:focus-visible {
	background-color: var(--lkt-beere-dunkel, #8e0943);
	color: #fff;
}

/* 2 · Kasse und Mein Konto -------------------------------------------------------- */

/* Kasse (203) lag in einer Elementor-Box: 1140 px Container, 10 px Spaltenabstand → 1120 px Inhalt. */
.woocommerce-checkout .page-content > .woocommerce {
	max-width: 1120px;
	margin-inline: auto;
}

/* Mein Konto (18490): Das Formular stand in einem Text-Widget (Open Sans 16/28, Navy, Links Beere fett)
   in einer 70-%-Spalte; ohne Deckel würde es über die volle Breite laufen. */
.woocommerce-account .page-content > .woocommerce {
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	line-height: 28px;
	color: var(--lkt-navy, #092237);
}

.woocommerce-account .page-content > .woocommerce a {
	color: var(--lkt-beere, #aa0b50);
	font-weight: 700;
}

/* Elementor nahm in Kasse und Konto den Unterstrich weg (.elementor a), Hellos .page-content a setzt ihn. */
.woocommerce-checkout .page-content a,
.woocommerce-account .page-content a {
	text-decoration: none;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-ResetPassword {
	max-width: 701px;
}

/* CRO 11/2026 · „Zahlungspflichtig bestellen“: Beschriftung unverändert (Button-Lösung), nur die Optik. Seit der Ablöse
   fehlte die Elementor-Knopffarbe, WooCommerce fiel auf sein Lila #7f54b3 zurück: 36 px hoch, halbe Breite am Handy
   (audit/screenshots/before/staging/360x800_kasse_05-*.jpg). ID-Selektor schlägt .woocommerce button.button.alt. */
.woocommerce-checkout #place_order {
	display: block;
	width: 100%;
	min-height: 52px;
	margin-top: 12px;
	padding: 14px 18px;
	border: 0;
	border-radius: var(--lkt-r-knopf, 12px 0 12px 0);
	background-color: var(--lkt-beere, #aa0b50);
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	white-space: normal;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order:focus-visible {
	background-color: var(--lkt-beere-dunkel, #8e0943);
	color: #fff;
}

/* Felder 44 px statt 36 px Trefferfläche, Pflicht-Häkchen 20 px in Markenfarbe statt 13 px. */
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row select {
	min-height: 44px;
}

.woocommerce-checkout .select2-container .select2-selection--single {
	height: 44px;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 8px; /* wie WooCommerce; 8 + 26 + 8 + 2 px Rand = 44 px, Text mittig */
	padding-bottom: 8px;
	line-height: 26px;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
	height: 42px;
}

.woocommerce-checkout form.checkout input[type="checkbox"] {
	width: 20px;
	height: 20px;
	accent-color: var(--lkt-beere, #aa0b50);
	vertical-align: -4px;
}

/* 3 · Legacy-Produktseiten (Snippet 18856, Produkt-Teil, 1:1) ------------------- */

.single-product div#primary {
	padding-top: 80px;
	background-color: transparent;
	background-image: linear-gradient(180deg, #ceb1c97a 0%, #fff 50%);
}

.single-product h1.product_title.entry-title {
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-size: 52px;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--lkt-navy, #092237);
}

.single-product bdi {
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--lkt-navy, #092237);
}

.single-product .wgm-info.woocommerce-de_price_taxrate,
.single-product .wgm-info.woocommerce_de_versandkosten {
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--lkt-navy, #092237);
}

.single-product a.versandkosten {
	color: var(--lkt-beere, #aa0b50);
	font-weight: 700;
}

.single-product span.tc-epo-element-label-text {
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-weight: 500;
	line-height: 28px;
	color: var(--lkt-navy, #092237);
}

.single-product .tc-cell.tm-element-description.tm-description.tcwidth.tcwidth-100 {
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	color: var(--lkt-navy, #092237);
}

.single-product .tc-row.tm-box,
.single-product .tc-row.tm-collapse {
	background-color: #fff;
	border: 2px solid var(--lkt-beere, #aa0b50);
	border-radius: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
	margin-top: 20px;
}

.woocommerce div.product div.images img {
	display: block;
	width: 100%;
	height: auto;
	object-position: center center;
	border: 2px solid var(--lkt-beere, #aa0b50);
	border-radius: 100px 8px 100px 8px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
}

.single-product nav.woocommerce-breadcrumb,
.single-product .woocommerce .woocommerce-breadcrumb a {
	color: var(--lkt-navy, #092237) !important;
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 16px;
	font-weight: 600;
}

.single-product li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tm-per-row.tc-mode-images,
.single-product li.purchasable.product-type-simple {
	border: 2px solid var(--lkt-beere, #aa0b50);
	padding: 10px !important;
	border-radius: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
	background-color: #fff !important;
}

.single-product .tc-label-text {
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
}

.single-product button.single_add_to_cart_button.button.alt,
.single-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	background-color: var(--lkt-beere, #aa0b50);
	color: #fff;
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	border-radius: 8px 0 8px 0;
}

.single-product button.button.alt:hover,
.single-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
	background-color: var(--lkt-beere, #aa0b50);
	color: #fff;
	box-shadow: 0 .99rem .43rem -.33rem var(--lkt-navy, #092237);
	transform: translateY(-.5rem);
	border-radius: 8px 0 8px 0 !important;
}

.single-product h2.woocommerce-loop-product__title {
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-weight: 600;
	letter-spacing: 0;
	font-size: 24px !important;
	color: var(--lkt-beere, #aa0b50);
}

@media (min-width: 320px) and (max-width: 1200px) {
	.single-product h1.product_title.entry-title {
		font-size: 32px;
	}

	.single-product span.tc-epo-element-label-text {
		font-size: 22px;
	}

	.single-product span.tc-section-label-text {
		font-size: 18px;
	}

	li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tm-per-row.tc-mode-images {
		display: contents;
	}

	img.tc-image.checkbox-image.tc-center {
		width: 130px;
	}
}

@media (min-width: 320px) and (max-width: 768px) {
	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 2.992em;
	}

	ul.products.columns-4 {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		float: left;
		margin: 1px 1.9% -1.008em 0;
		padding: 0;
		position: relative;
		width: 23.05%;
	}

	.woocommerce .products ul,
	.woocommerce ul.products {
		margin: 0 0 4em;
		padding: 0;
		list-style: none outside;
		clear: both;
	}

	.single-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		font-size: 12px;
		line-height: 15px;
		text-align: center;
	}

	.single-product h2.woocommerce-loop-product__title {
		font-weight: 500;
		font-size: 18px !important;
	}

	.single-product bdi {
		font-size: 16px;
	}

	.single-product .wgm-info.woocommerce-de_price_taxrate {
		font-size: 14px;
	}
}

/* 4 · Produktkategorien (Pro-Archiv 18442 auf WC-Standard-Markup) --------------- */

/* Kopfbild = Kategoriebild (heute per Elementor-Dynamic-Tag); Liste aus der Store API vom 27.10.2026. */
.term-betriebsveranstaltungen { --lkt-kat-bild: url(/wp-content/uploads/2018/07/betriebsfeiern.jpg); }
.term-brautjungfern { --lkt-kat-bild: url(/wp-content/uploads/2018/07/jungesllinnenabschied.jpg); }
.term-design-nach-wunsch { --lkt-kat-bild: url(/wp-content/uploads/2018/07/design-nach-wunsch.jpg); }
.term-eigenbastler { --lkt-kat-bild: url(/wp-content/uploads/2018/06/upload-icon.png); }
.term-fahnenweihe { --lkt-kat-bild: url(/wp-content/uploads/2018/07/Fahnenweihe.jpg); }
.term-geburtstag { --lkt-kat-bild: url(/wp-content/uploads/2018/07/geburtstag-1.jpg); }
.term-geschenke { --lkt-kat-bild: url(/wp-content/uploads/2018/07/geschenke.jpg); }
.term-hochzeit { --lkt-kat-bild: url(/wp-content/uploads/2018/07/hochzeit.jpg); }
.term-jubilaeum { --lkt-kat-bild: url(/wp-content/uploads/2018/07/jubilaeum.jpg); }
.term-jungesellenabschied { --lkt-kat-bild: url(/wp-content/uploads/2018/07/jungesellenabschied-1.jpg); }
.term-jungesellinnenabschied { --lkt-kat-bild: url(/wp-content/uploads/2018/07/jungesellinnenabschied-1.jpg); }
.term-karneval { --lkt-kat-bild: url(/wp-content/uploads/2018/07/karneval-1.jpg); }
.term-kinder { --lkt-kat-bild: url(/wp-content/uploads/2018/07/kinder.jpg); }
.term-likorsorten { --lkt-kat-bild: url(/wp-content/uploads/2018/07/likoersorten.jpg); }
.term-messen { --lkt-kat-bild: url(/wp-content/uploads/2018/07/Messen-Ausstellungen.jpg); }
.term-polterabend { --lkt-kat-bild: url(/wp-content/uploads/2018/07/polterabend-1.jpg); }
.term-silvester { --lkt-kat-bild: url(/wp-content/uploads/2018/07/silvester-1.jpg); }
.term-sonstiges { --lkt-kat-bild: url(/wp-content/uploads/2018/07/splash-hero_bg-1.jpg); }
.term-sport { --lkt-kat-bild: url(/wp-content/uploads/2018/07/sport-events.jpg); }
.term-vatertag { --lkt-kat-bild: url(/wp-content/uploads/2018/07/vatertag.jpg); }
.term-vereine { --lkt-kat-bild: url(/wp-content/uploads/2018/07/vereine.jpg); }
.term-weihnachten { --lkt-kat-bild: url(/wp-content/uploads/2018/07/weihnachten.jpg); }
.term-werbegeschenke { --lkt-kat-bild: url(/wp-content/uploads/2018/07/Werbegeschenke.jpg); }

/* Produktsektion: Verlauf + Rundung; Inhalt 1250 px wie die Elementor-Sektion */
.tax-product_cat #primary {
	background-image: linear-gradient(180deg, #ceb1c97a 0%, #fff 50%);
	border-radius: 0 100px 0 100px;
	padding-bottom: 80px;
}

.tax-product_cat #primary > .site-main {
	max-width: 1270px;
	padding-inline: 10px;
}

.tax-product_cat .woocommerce-breadcrumb,
.tax-product_cat .term-description {
	display: none;
}

/* Kopf: volle Breite, Bild + weißer Verlauf von links */
.tax-product_cat .woocommerce-products-header {
	margin: 0 calc(50% - 50vw) 80px;
	padding: 120px max(20px, calc(50vw - 605px)); /* 100 px Sektion + 2 × 10 px Spaltenabstand */
	background: linear-gradient(90deg, #fff 22%, #f2295b00 70%), var(--lkt-kat-bild, none) center / cover no-repeat;
	background-color: #fff;
	border-radius: 0 0 100px 0;
}

.tax-product_cat .woocommerce-products-header__title {
	max-width: 755px;
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-size: 84px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--lkt-beere, #aa0b50);
}

/* Elementor zeigte „Kategorie: <Name>“, WC gibt nur den Namen aus */
.tax-product_cat .woocommerce-products-header__title::before {
	content: "Kategorie: ";
}

.tax-product_cat p.woocommerce-result-count {
	color: var(--lkt-navy, #092237);
	font-weight: 600;
}

.tax-product_cat select.orderby,
.tax-product_cat .wgm-info.woocommerce-de_price_taxrate,
.tax-product_cat .wgm-info.woocommerce_de_versandkosten {
	text-align: left;
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--lkt-navy, #092237);
}

.tax-product_cat a.versandkosten {
	color: var(--lkt-navy, #092237);
	font-weight: 700;
}

/* Raster: CSS-Grid wie das Pro-Widget (4 / 3 / 2 Spalten) */
.tax-product_cat ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px;
	margin: 0;
}

.tax-product_cat ul.products::before,
.tax-product_cat ul.products::after {
	display: none;
}

.tax-product_cat ul.products[class*=columns-] li.product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	float: none;
	width: auto;
	margin: 0;
	padding: 15px;
	border: 2px solid var(--lkt-beere, #aa0b50);
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19);
}

.tax-product_cat ul.products li.product a img {
	border-radius: 14px;
	margin-bottom: 20px;
}

.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-size: 24px;
	font-weight: 600;
	letter-spacing: .3px;
	color: var(--lkt-navy, #092237);
}

.tax-product_cat ul.products li.product .price,
.tax-product_cat ul.products li.product .price ins,
.tax-product_cat ul.products li.product .price del {
	color: var(--lkt-beere, #aa0b50);
	font-family: var(--lkt-font-ui, "Open Sans", sans-serif);
	font-size: 20px;
	font-weight: 600;
}

.tax-product_cat ul.products li.product .price del {
	font-size: 18px;
	font-weight: 500;
}

/* Customizer-CSS: keine Warenkorb-Knöpfe auf Kategorieseiten */
.tax-product_cat ul.products li.product .button,
.tax-product_cat ul.products li.product .added_to_cart {
	display: none;
}

.tax-product_cat nav.woocommerce-pagination {
	margin-top: 30px;
	font-family: var(--lkt-font-head, "Oswald", sans-serif);
	font-size: 16px;
}

.tax-product_cat nav.woocommerce-pagination ul li a,
.tax-product_cat nav.woocommerce-pagination ul li span {
	padding: 10px;
}

.tax-product_cat nav.woocommerce-pagination ul li a {
	color: #fff;
	background-color: var(--lkt-navy, #092237);
}

.tax-product_cat nav.woocommerce-pagination ul li a:hover,
.tax-product_cat nav.woocommerce-pagination ul li span.current {
	color: #fff;
	background-color: var(--lkt-beere, #aa0b50);
}

@media (max-width: 1024px) {
	.tax-product_cat .woocommerce-products-header__title {
		font-size: 42px;
	}

	.tax-product_cat ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 40px 20px;
	}
}

@media (max-width: 880px) {
	.tax-product_cat .woocommerce-products-header {
		margin-bottom: 60px;
	}

	.tax-product_cat #primary {
		padding-bottom: 60px;
	}
}

@media (max-width: 768px) {
	.tax-product_cat ul.products[class*=columns-] li.product {
		margin-bottom: 2.992em;
	}
}

@media (max-width: 767px) {
	.tax-product_cat .woocommerce-products-header {
		padding-block: 60px;
		background-size: auto;
	}

	.tax-product_cat .woocommerce-products-header__title {
		text-align: center;
		font-size: 32px;
		line-height: 42px;
	}

	.tax-product_cat ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}