/*
 * Kennzeichnungen NEU und AKTION (Claus, Livegang-Aufgaben 28.10.2026, Punkte 16 und 17).
 * Markup: temana-core module/kennzeichnung-anzeige.php (+ assets/suche.js für die Live-Suche).
 * Farben und Maße wie in Claus' freigegebener Vorschau: NEU dunkelgrün (#2B723D), AKTION terrakotta (#A85F27 statt Claus' #C67836: weiße Schrift auf #C67836
 * hat nur 3,4 : 1, auf #A85F27 4,85 : 1 – Michael 28.10.2026: „ich nimm dein vorschlag“),
 * weiße Schrift 12 px fett, Polster 5/11 px, Radius 7 px.
 */

:root { --temana-terrakotta: #A85F27; --temana-streichpreis: #686E67; }

.temana-marke {
	display: inline-block;
	padding: 5px 11px;
	border-radius: 7px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .02em;
	white-space: nowrap;
	vertical-align: middle;
}
.temana-marke--neu { background: var(--temana-gruen); }
.temana-marke--aktion { background: var(--temana-terrakotta); }
.temana-marke .woocommerce-Price-amount,
.temana-marke .woocommerce-Price-amount bdi,
.temana-marke .woocommerce-Price-currencySymbol { color: inherit; }

/* Karten (Raster, Suche, Archive, Finder, Empfehlungen): NEU oben links, AKTION oben rechts auf dem Bild. Die Schilder sind
   Kinder der Karte (bzw. des Bildlinks) und lassen Klicks zum Bildlink durch. */
.woocommerce ul.products li.product,
.temana-empfehlung,
.temana-finder__bild { position: relative; }
.temana-marke--links,
.temana-marke--rechts { position: absolute; top: 10px; z-index: 3; pointer-events: none; }
.temana-marke--links { left: 10px; }
.temana-marke--rechts { right: 10px; }

/* Produktseite: NEU zwischen Marke und Titel – nicht am Preis. */
.woocommerce div.product .temana-produktneu { margin: 0 0 8px; line-height: 1; }

/* Produktseite: Aktionspreis hervorgehoben, daneben das Etikett, darunter der durchgestrichene Bezugspreis (Claus' Vorschau). */
.price ins { background: transparent; text-decoration: none; }
.price:has(.temana-marke--preis) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 13px;
}
.price:has(.temana-marke--preis) .temana-marke--preis { order: 1; }
.price:has(.temana-marke--preis) del { order: 2; flex-basis: 100%; color: var(--temana-streichpreis); opacity: 1; text-decoration: line-through; }

/* Streichpreis (Claus 29.10.2026, F16): dunkleres Grau #686E67 (5,2 : 1 auf Weiß, 4,8 : 1 auf Creme #FFF5E1 – bei voller Deckkraft) und wirklich durchgestrichen – die Linie steht auch am
   Betrag und seinen Teilen (ein inline-block-Betrag nähme sie vom Elternelement nicht mit), ohne die Deckkraft 0,5 der WooCommerce-Karten. */
.price del,
.price del .woocommerce-Price-amount,
.price del .woocommerce-Price-amount bdi,
.price del .woocommerce-Price-currencySymbol {
	color: var(--temana-streichpreis);
	opacity: 1;
	text-decoration-line: line-through;
	text-decoration-thickness: 1px;
}
/* WooCommerce setzt auf der Produktseite `.woocommerce div.product span.price del, … p.price del { opacity: .5 }` (Spezifität 0,3,3) – die
   allgemeine Regel oben verliert dagegen, der Streichpreis bliebe bei halber Deckkraft (#686E67 wirkte wie ~2 : 1 statt 5,2 : 1). Darum hier
   die Produktseite und der Variantenpreis mit höherer Spezifität (0,4,3), unabhängig von der Ladereihenfolge der Stylesheets. */
.woocommerce div.product .temana-preiszeile p.price del,
.woocommerce div.product .temana-preiszeile span.price del,
.woocommerce div.product .woocommerce-variation-price .price del {
	opacity: 1;
}

/* Der gültige Preis ist hervorgehoben: fett (die Seite setzt sonst 600 auf den Betrag). */
.woocommerce div.product .temana-preiszeile p.price:has(.temana-marke--preis) > .woocommerce-Price-amount,
.woocommerce div.product .temana-preiszeile p.price:has(.temana-marke--preis) ins .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price .price:has(.temana-marke--preis) > .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price .price:has(.temana-marke--preis) ins .woocommerce-Price-amount { font-weight: 700; }

/* Die Preisgröße der Produktseite (13-produktseite-runde3.css: 26 px) gilt nicht für den Betrag im Etikett und nicht für den Bezugspreis. */
.woocommerce div.product .temana-preiszeile p.price .temana-marke .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price .price .temana-marke .woocommerce-Price-amount {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.woocommerce div.product .temana-preiszeile p.price del .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price .price del .woocommerce-Price-amount {
	font-size: 16px;
	font-weight: 400;
	color: var(--temana-streichpreis);
}

/* Karten: der durchgestrichene Bezugspreis tritt hinter den gültigen Preis zurück (klein, grau), damit er nicht gleich schwer wiegt. */
.woocommerce ul.products li.product .price del { margin-right: 6px; font-size: 16px; font-weight: 400; color: var(--temana-streichpreis); opacity: 1; text-decoration: line-through; }
.woocommerce ul.products li.product .price del .amount { font-weight: 400; }
.woocommerce ul.products li.product .price ins { background: transparent; text-decoration: none; }

/* Live-Suche: kleine Schilder vor dem Namen (die Trefferzeile hat nur ein 56-px-Vorschaubild). */
.temana-suche__marken { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 1px; }
.temana-marke--klein { padding: 2px 7px; border-radius: 5px; font-size: 11px; }

/* Warenkorb und Kasse: die Preise dort stimmen, ohne Schild – und ohne WooCommerce-Streichpreis und „Spare"-Plakette, die auf dem
   Normalpreis statt auf dem belegten Bezugspreis beruhen würden. */
body.woocommerce-cart .wc-block-components-product-price__regular,
body.woocommerce-checkout .wc-block-components-product-price__regular,
.wc-block-mini-cart .wc-block-components-product-price__regular,
body.woocommerce-cart .wc-block-components-sale-badge,
body.woocommerce-checkout .wc-block-components-sale-badge,
.wc-block-mini-cart .wc-block-components-sale-badge { display: none; }