/* ── Nachbesserungen nach Claus' Live-Test vom 01.11.2026 ─────────────────────────────────────────────────
 * Eigene Datei, wird als letzte Teil-Datei geladen (Reihenfolge: Dateiname). Entfernen = Datei löschen.
 * Jeder Block nennt seine Aufgaben-ID aus Claus' Änderungsliste.
 * Regel: Nach jeder Änderung an Theme-CSS die Theme-Version in style.css erhöhen (Cache-Header 1 Monat).
 */

/* TN-L07: „Bonuspunkte einlösen“ im selben Kasten wie „Gutscheine hinzufügen“ ------------------------------
 * Gutschein-Block (WooCommerce, 23-kasse.css:366-370): Hintergrund #FFFCF7, Rahmen links/rechts #DDE4DB, unten #E2E7DF.
 * Der Bonus-Block ist ein eigener Innenblock außerhalb dieser Regel und hatte nichts davon. */
body.temana-kasse .temana-bonus-checkout {
	background: var(--kasse-warm, #FFFCF7) !important;
	border-left: 1px solid #dde4db;
	border-right: 1px solid #dde4db;
	border-bottom: 1px solid #e2e7df !important;
	padding-left: 2px !important; /* Symbol und Text auf einer Linie mit „Gutscheine hinzufügen“ (dort sitzt das Symbol als ::before am Rand) */
}

/* TN-L05: Augen-Symbol (Passwort anzeigen) mittig im Feld ---------------------------------------------------
 * WooCommerce hängt die Stärkeanzeige („Mittel“) in denselben Rahmen wie das Feld. Das Symbol bezog sich auf die Gesamthöhe
 * und saß zu hoch. Jetzt an die Feldhöhe (48 px, 24-konto.css) gebunden. */
body.temana-konto .woocommerce form .password-input .show-password-input,
body.temana-konto .temana-konto-formular .password-input .show-password-input {
	top: 0; bottom: auto; height: 48px; margin: 0; transform: none; translate: none; /* WooCommerce 11 verschiebt über „translate: 0 -50 %“ */
}

/* TN-L10/L11: Bestellliste mobil als getrennte Karten, ruhige Button-Hierarchie ------------------------------ */
body.temana-konto .woocommerce-orders-table .button.view { /* wichtigste Aktion: grün, wie bisher */
	background: var(--konto-gruen); border-color: var(--konto-gruen); color: #fff;
}
body.temana-konto .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button:not(.view) {
	background: #fff; border: 1px solid var(--konto-gruen); color: var(--konto-gruen);
}
body.temana-konto .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button:not(.view):hover {
	background: #edf5ed; border-color: var(--konto-gruen); color: var(--konto-dunkel);
}
@media (max-width: 780px) {
	body.temana-konto .woocommerce-orders-table.shop_table_responsive,
	body.temana-konto .woocommerce-orders-table.shop_table_responsive tbody { display: block; width: 100%; }
	body.temana-konto .woocommerce-orders-table.shop_table_responsive thead { display: none; }
	body.temana-konto .woocommerce-orders-table.shop_table_responsive tr {
		display: block; margin: 0 0 18px; padding: 6px 16px 16px; border: 1px solid #dde4db; border-radius: 14px;
		background: #fff; box-shadow: 0 6px 18px rgba(21, 58, 32, .05);
	}
	body.temana-konto .woocommerce-orders-table.shop_table_responsive tr:nth-child(even) td,
	body.temana-konto .woocommerce-orders-table.shop_table_responsive tr:nth-child(even) th { background: transparent; }
	body.temana-konto .woocommerce-orders-table.shop_table_responsive td,
	body.temana-konto .woocommerce-orders-table.shop_table_responsive th {
		display: flex; justify-content: space-between; align-items: baseline; gap: 14px; width: auto;
		padding: 10px 0; border: 0; border-bottom: 1px solid #eef1ec; text-align: right !important; background: transparent;
	}
	body.temana-konto .woocommerce-orders-table.shop_table_responsive td::before,
	body.temana-konto .woocommerce-orders-table.shop_table_responsive th::before {
		content: attr(data-title) ":"; float: none; flex: none; font-weight: 600; color: #2c3a2d; text-align: left;
	}
	body.temana-konto .woocommerce-orders-table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions {
		flex-wrap: wrap; justify-content: stretch; gap: 10px; padding: 14px 0 0; border-bottom: 0;
	}
	body.temana-konto .woocommerce-orders-table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before { display: none; }
	body.temana-konto .woocommerce-orders-table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button {
		flex: 1 1 120px; margin: 0; min-height: 44px; justify-content: center; text-align: center;
	}
}

/* TN-L10: Seitenabstand im Kundenkonto mobil. Kadence zieht den Artikel mit margin −16 px auf Vollbreite, das Theme setzt das
 * Innenpolster auf 0 – Texte und Karten klebten am Bildschirmrand. 17 px wie der Container (und die Kasse). */
@media (max-width: 780px) {
	body.temana-konto .entry-content-wrap { padding-left: 17px; padding-right: 17px; }
}

/* TN-M05: Mobiles Hero-Bild (eigene quadratische Datei „TeMana Startseite Mobil“, im Seiteninhalt per <picture> eingebunden).
 * Desktop-Bild und -Regeln bleiben unverändert (12-runde3.css). Die Regel von dort (aspect-ratio 1659/948, object-position 62 %)
 * würde das Quadrat beschneiden. */
.temana-hero--neu .temana-heldbild--breit picture { display: block; }
@media (max-width: 899px) {
	.temana-hero--neu .temana-heldbild--breit img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
}

/* TN-L04: Hinweise mit Knopf („Erneut senden“, „Warenkorb anzeigen“) im Konto: Knopf stand über dem Text. Jetzt Text links, Knopf
 * danach, bei wenig Platz darunter – nichts überlagert sich. Neue Konten sehen den Hinweis „temporäres Passwort“ gar nicht mehr. */
body.temana-konto .woocommerce-info:has(.button),
body.temana-konto .woocommerce-message:has(.button) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
body.temana-konto .woocommerce-info .button,
body.temana-konto .woocommerce-message .button { order: 2; margin: 0; flex: none; }

/* TN-L14: Block „Sendungsverfolgung“ in den Bestelldetails (module/sendung-2026-11.php), Optik wie die übrigen Konto-Karten. */
body.temana-konto .temana-konto-sendung { margin: 0 0 22px; padding: 16px 18px; border: 1px solid #dde4db; border-radius: 12px; background: #fff; }
body.temana-konto .temana-konto-sendung h3 { margin: 0 0 8px; font-size: 17px; font-weight: 650; color: #214330; }
body.temana-konto .temana-konto-sendung p { margin: 0 0 12px; font-size: 14px; line-height: 1.7; }
body.temana-konto .temana-konto-sendung .temana-konto-knopfreihe { margin: 4px 0 0; }