/*
 * Bonusprogramm (Etappe 2, 27.10.2026): Konto-Reiter „Bonuspunkte“, Punktehinweis auf der Produktseite und im Warenkorb.
 * Gestaltung nach Claus' freigegebener Übergabe 26.10.; Markup in plugins/temana-core/module/bonus-anzeige.php.
 */

/* ── Konto-Reiter ── */

body.temana-konto .tn-bonus{color:var(--konto-text);font-family:Poppins,Arial,sans-serif;max-width:100%}
body.temana-konto .tn-bonus .temana-konto-flaeche{margin:0 0 21px;background:linear-gradient(155deg,#fafbf7 0%,#f3f6ef 100%)}
body.temana-konto .tn-bonus .tn-section-heading{display:flex;align-items:center;gap:11px;color:var(--konto-gruen);margin-bottom:17px}
body.temana-konto .tn-bonus .tn-section-heading svg{width:25px;height:25px;flex:none}
body.temana-konto .tn-bonus .tn-section-heading h3{margin:0!important;font-size:20px!important;line-height:1.4}
body.temana-konto .tn-summary-row{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
body.temana-konto .tn-eyebrow{display:block;color:var(--konto-soft);font-size:13px;margin-bottom:3px}
body.temana-konto .tn-big-points{font-size:42px;letter-spacing:-.03em;color:var(--konto-dunkel);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
body.temana-konto .tn-big-points span{font-size:15px;color:#5b695e;letter-spacing:0;font-weight:500}
body.temana-konto .tn-equivalent{font-size:14px;margin:9px 0 0}
body.temana-konto .tn-summary-metrics{display:flex;gap:10px 14px;flex-wrap:wrap;margin:12px 0 0}
body.temana-konto .tn-summary-metrics>div{min-width:108px;border-left:1px solid #d4ded2;padding-left:11px}
body.temana-konto .tn-summary-metrics strong{display:block;font-size:12px;color:#244431}
body.temana-konto .tn-summary-metrics span{display:block;font-size:11px;color:#677266;margin-top:2px}
body.temana-konto .tn-summary-hint{font-size:12px;line-height:1.75;color:#657365;border-top:1px solid #dce6d9;padding-top:15px;margin:20px 0 12px}
body.temana-konto .tn-info-link{color:var(--konto-gruen);text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:600}
body.temana-konto .tn-info-link:hover{color:var(--konto-dunkel)}
body.temana-konto .tn-bonus .tn-earn h3,body.temana-konto .tn-bonus .tn-ledger-panel h3{font-size:19px;margin:0 0 13px}
body.temana-konto .tn-benefit{display:flex;align-items:flex-start;gap:13px;padding:13px 0}
body.temana-konto .tn-benefit+.tn-benefit{border-top:1px solid #dfe7dc}
body.temana-konto .tn-benefit .tn-icon{width:39px;height:39px;border:1px solid #d9e7d7;background:#f9fcf8;border-radius:9px;display:grid;place-items:center;color:var(--konto-gruen);flex:0 0 39px;font-size:24px}
body.temana-konto .tn-benefit .tn-icon svg{width:23px;height:23px}
body.temana-konto .tn-benefit strong{font-size:14px;color:#24402d}
body.temana-konto .tn-benefit p{font-size:12px;line-height:1.65;margin:3px 0 0;color:#596a5c}
body.temana-konto .tn-section-top h3{margin:0 0 5px}
body.temana-konto .tn-section-top p{font-size:12px;color:#5b675d;line-height:1.6;margin:0}
body.temana-konto .tn-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 12px}
body.temana-konto .tn-filter{border:1px solid #cfdfce;border-radius:7px;background:#fff;color:#345043;font-size:12px;padding:8px 11px;cursor:pointer;line-height:1.3;font-weight:500}
body.temana-konto .tn-filter.is-selected{background:#e5f1e5;border-color:#a4c6a6;color:var(--konto-dunkel);font-weight:650}
body.temana-konto .tn-ledger{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto;background:transparent}
body.temana-konto .tn-ledger th{color:#586b5c;font-size:11px;font-weight:600;text-align:left;white-space:nowrap}
body.temana-konto .tn-ledger th,body.temana-konto .tn-ledger td{padding:11px 8px;border-bottom:1px solid #dbe4d8;vertical-align:top}
body.temana-konto .tn-ledger td:last-child,body.temana-konto .tn-ledger th:last-child{text-align:right;white-space:nowrap}
body.temana-konto .tn-positive{color:#2b723d;font-weight:700}
body.temana-konto .tn-negative{color:#995f42;font-weight:700}
body.temana-konto .tn-ledger-note{margin:15px 0 0;font-size:11px;line-height:1.7;color:#657063}

/* Geburtstag (Etappe 4) */
body.temana-konto .tn-filter:focus-visible,body.temana-konto .tn-birthday select:focus-visible{outline:2px solid #a3c6a6;outline-offset:2px}
body.temana-konto .tn-birthday>p{font-size:13px;line-height:1.8;color:#55695a;margin:0 0 18px}
body.temana-konto .tn-birthday>p strong{color:var(--konto-dunkel)}
body.temana-konto .tn-birthday-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:25px}
body.temana-konto .tn-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
body.temana-konto .tn-fields label{font-size:12px;font-weight:600;margin-bottom:6px;display:block}
body.temana-konto .tn-fields select{width:100%;border:1px solid #ceddca;border-radius:8px;padding:10px 9px;background:white;color:#283b2f;font:inherit;font-size:12px;min-height:43px}
body.temana-konto .tn-birthday .temana-konto-knopf{font:inherit;min-height:45px;font-size:13px}
body.temana-konto .tn-privacy{font-size:11px;color:#677668;margin:17px 0 0;line-height:1.7}
body.temana-konto .tn-birthday-rules{background:#f9fcf8;border:1px solid #dfebdf;border-radius:10px;padding:17px}
body.temana-konto .tn-birthday-rules strong{font-size:13px;color:#2b5034}
body.temana-konto .tn-birthday-rules p{font-size:12px;color:#637265;line-height:1.8;margin:9px 0 0}
body.temana-konto .tn-form-status{display:none;margin:12px 0 0;padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.5}
body.temana-konto .tn-form-status.is-shown{display:block;background:#e8f2e7;color:#285332;border:1px solid #c4dbc6}
body.temana-konto .tn-form-status.is-error{background:#fff4e8;color:#75462c;border-color:#e3d0be}
@media(max-width:950px){body.temana-konto .tn-birthday-grid{grid-template-columns:1fr}}
body.temana-konto .tn-birthday-saved,body.temana-konto .tn-birthday-next{font-size:13px;line-height:1.7;color:#42574a;margin:0 0 8px}
body.temana-konto .tn-birthday-saved strong,body.temana-konto .tn-birthday-next strong{color:var(--konto-dunkel)}
@media(max-width:1100px){body.temana-konto .tn-summary-metrics{width:100%}}
@media(max-width:520px){body.temana-konto .tn-bonus .temana-konto-flaeche{padding:21px 17px;margin-bottom:18px}body.temana-konto .tn-big-points{font-size:37px}body.temana-konto .tn-summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}body.temana-konto .tn-ledger th:first-child,body.temana-konto .tn-ledger td:first-child{display:none}body.temana-konto .tn-ledger th,body.temana-konto .tn-ledger td{font-size:11px;padding:12px 5px}}

@media(max-width:520px){body.temana-konto.woocommerce-kundenbonus .woocommerce .woocommerce-MyAccount-content{padding-left:15px!important;padding-right:15px!important;}}
body.temana-konto .tn-negativ{font-size:12px;line-height:1.6;color:#995f42;margin:8px 0 0}
body.temana-konto .tn-leer{font-size:13px;line-height:1.7;color:#55695a;margin:18px 0 0}
body.temana-konto .tn-ledger tr[hidden]{display:none}

/* ── Produktseite: Satz unter dem Warenkorb-Formular ── */
body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt {
	display: flex; align-items: center; justify-content: flex-start; gap: 7px; width: 100%;
	margin: 8px 0 0; padding: 0; border: 0; background: none;
	color: #2B723D; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.5; text-align: left;
}
/* Wenig Abstand zu Menge und „In den Warenkorb“, deutlicher Abstand zu den Zahlungslogos darunter (Claus 27.10.2026). Bei variablen
   Produkten ist der Satz bis zur Auswahl verborgen – dann gilt der normale Abstand der Logos. */
body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt:not([hidden]) + ul.temana-zahlungslogos--produkt { margin-top: 26px !important; }
body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt[hidden] { display: none; }
body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt svg { flex: 0 0 18px; width: 18px; height: 18px; color: inherit; display: block; }
body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt strong { font-weight: 600; color: inherit; }
@media (max-width: 760px) {
	body.single-product.woocommerce div.product .summary p.temana-bonuspunkte-produkt { font-size: 12.5px; }
}

/* ── Warenkorb: Satz nach der Summe, vor „Weiter zur Kasse“ ── */
.temana-bonus-cart__earn { display: flex; align-items: flex-start; gap: 8px; font: 400 13px/1.5 Poppins, Arial, sans-serif; color: #397b4b; margin: 5px 0 11px !important; text-align: left; }
.temana-bonus-cart__earn strong { font-weight: 600; }
.temana-bonus-cart__earn svg { color: #397b4b; flex-shrink: 0; margin-top: 1px; }
@media (max-width: 420px) { .temana-bonus-cart__earn { font-size: 12px; } }

/* ── Infoseite /bonuspunkte/ ─────────────────────────────────────────────────────────────────────────────
 * Claus' Designvorlage 27.10.2026 (Infoseite V4), Markup aus shop/baue_bonusseite.py. Kopf, Fuß und Navigation kommen
 * vom Theme; Symbole als CSS-Maske (kein SVG im Seiteninhalt). Alles unter .tn-info gekapselt. */

.tn-info {
	--tn-gruen: #2B723D; --tn-tief: #19492b; --tn-hover: #245f33; --tn-akzent: #79A039;
	--tn-warm: #FFFCF7; --tn-ink: #222722; --tn-sub: #646B64; --tn-linie: #E7E3DB; --tn-blass: #F3F7F1;
	--tn-ik-korb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%208h12l1%2012H5L6%208Z'/%3E%3Cpath%20d='M9%209V6a3%203%200%200%201%206%200v3'/%3E%3C/svg%3E");
	--tn-ik-geschenk: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h16v9H4v-9Z'/%3E%3Cpath%20d='M4%2016c2%201.5%204%201.5%206%200s4-1.5%206%200%204%201.5%204%200'/%3E%3Cpath%20d='M12%209v3'/%3E%3Cpath%20d='M12%203c1.5%201.5%201.5%203.2%200%204-1.5-.8-1.5-2.5%200-4Z'/%3E%3C/svg%3E");
	--tn-ik-herz: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.8%208.5c0%204.2-4.7%207.7-8.8%2011-4.1-3.3-8.8-6.8-8.8-11a4.6%204.6%200%200%201%208.8-2.1%204.6%204.6%200%200%201%208.8%202.1Z'/%3E%3C/svg%3E");
	--tn-ik-haken: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m4%2012%205%205L20%206'/%3E%3C/svg%3E");
	--tn-ik-pfeil: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m9%205%207%207-7%207'/%3E%3C/svg%3E");
	color: var(--tn-ink); font-size: 16px; line-height: 1.65; background: var(--tn-warm);
}
.tn-info *, .tn-info *::before, .tn-info *::after { box-sizing: border-box; }
.tn-info a { color: var(--tn-gruen); }
.tn-info a:hover { color: var(--tn-hover); }
.tn-info__wrap { width: min(1178px, calc(100% - 52px)); margin: 0 auto; }
.tn-info__ikon {
	display: inline-block; flex: none; width: 22px; height: 22px; background: currentColor;
	-webkit-mask: var(--tn-ik) center / contain no-repeat; mask: var(--tn-ik) center / contain no-repeat;
}
.tn-info__ikon--korb { --tn-ik: var(--tn-ik-korb); }
.tn-info__ikon--geschenk { --tn-ik: var(--tn-ik-geschenk); }
.tn-info__ikon--herz { --tn-ik: var(--tn-ik-herz); }
.tn-info__ikon--haken { --tn-ik: var(--tn-ik-haken); }
.tn-info__ikon--pfeil { --tn-ik: var(--tn-ik-pfeil); }

/* Kopf */
.tn-info__kopf { background: #fffcf7; border-bottom: 1px solid #eae6dd; padding: 35px 0 48px; }
.tn-info__krume { font-size: 13px; color: #687268; margin-bottom: 29px; }
.tn-info__krume span[aria-current] { color: var(--tn-gruen); }
.tn-info__kopfraster { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 68px; align-items: center; }
.tn-info .tn-info__titel {
	font-size: clamp(35px, 3.35vw, 47px); font-weight: 700; line-height: 1.24; max-width: 530px;
	letter-spacing: -1.05px; margin: 0 0 21px; color: #25332a;
}
.tn-info__lead { font-size: 19px; line-height: 1.55; margin: 0; max-width: 520px; color: #435147; font-weight: 500; }
.tn-info__hinweis {
	background: #f7f8f3; border: 1px solid #e9eee3; border-left: 3px solid #609168; border-radius: 4px 10px 10px 4px;
	padding: 24px 29px; align-self: stretch; display: flex; align-items: center;
}
.tn-info__hinweis p { font-size: 15px; line-height: 1.95; margin: 0; color: #4c5a4f; }

/* Bereiche */
.tn-info .tn-info__bereich { padding: 63px 0; }
.tn-info__bereich--hell { background: #fffcf7; }
.tn-info__bereich--gruen { background: #f4f6f0; border-top: 1px solid #e7ece3; border-bottom: 1px solid #e7ece3; }
.tn-info__bereich--weiss { background: #fff; border-top: 1px solid #eeeae3; border-bottom: 1px solid #eeeae3; }
.tn-info .tn-info__h2 {
	font-size: clamp(24px, 2.15vw, 28px); font-weight: 700; line-height: 1.35; margin: 0 0 26px;
	letter-spacing: -.5px; color: #263b2b;
}

/* Karten */
.tn-info__karten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
.tn-info__karte {
	background: #fff; border: 1px solid #e7e8e1; border-radius: 12px; min-width: 0; padding: 28px 26px 29px;
	box-shadow: 0 6px 15px rgba(25, 73, 43, .035);
}
.tn-info__karte-ikon {
	display: grid; place-items: center; width: 43px; height: 43px; border-radius: 9px; background: #f2f6ef;
	color: var(--tn-gruen); margin-bottom: 20px;
}
.tn-info__karte-ikon .tn-info__ikon { width: 24px; height: 24px; }
.tn-info .tn-info__karte h3 { font-size: 18px; line-height: 1.5; color: #273b2c; margin: 0 0 12px; letter-spacing: -.15px; font-weight: 700; }
.tn-info__karte p { margin: 0; color: #586258; font-size: 14.5px; line-height: 1.85; }

/* Einlösen */
.tn-info__einloesen { display: grid; grid-template-columns: 322px 1fr; gap: 65px; align-items: center; }
.tn-info__rate { background: #fff; border: 1px solid #e0e8dc; border-radius: 12px; padding: 32px 24px; text-align: center; box-shadow: 0 4px 12px rgba(25, 73, 43, .025); }
.tn-info__rate strong { display: block; font-size: 41px; font-weight: 700; line-height: 1.25; letter-spacing: -.5px; color: var(--tn-gruen); font-variant-numeric: tabular-nums; }
.tn-info__gleich { display: block; margin: 2px 0; font-size: 14px; color: #778376; letter-spacing: 1px; }
.tn-info__rabatt { display: block; font-size: 24px; font-weight: 700; color: #263e2b; }
.tn-info__einloesen-text .tn-info__h2 { margin-top: 0; }
.tn-info__einloesen-text p { font-size: 15px; line-height: 1.9; margin: 0 0 12px; color: #4d564e; }
.tn-info__einloesen-text .tn-info__highlight { display: flex; align-items: center; gap: 10px; margin: 8px 0 0; font-weight: 600; color: var(--tn-gruen); }
.tn-info__highlight .tn-info__ikon { width: 19px; height: 19px; }

/* Punktekonto */
.tn-info__konto { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; }
.tn-info__konto > div:first-child p { margin: 0; color: #505d52; }
.tn-info .tn-info__liste, .tn-info .tn-info__regeln { list-style: none; padding: 0; margin: 18px 0 0; }
.tn-info__liste li { display: flex; gap: 11px; align-items: flex-start; padding: 8px 0; font-size: 15px; color: #4f5a50; }
.tn-info__liste .tn-info__ikon, .tn-info__regeln .tn-info__ikon { width: 18px; height: 18px; margin-top: 4px; color: var(--tn-gruen); }
.tn-info .tn-info__knopf {
	display: inline-flex; gap: 10px; align-items: center; border-radius: 7px; background: var(--tn-gruen); color: #fff;
	padding: 14px 22px; white-space: nowrap; text-decoration: none; font-weight: 600; font-size: 14px;
}
.tn-info .tn-info__knopf:hover { background: var(--tn-hover); color: #fff; }
.tn-info .tn-info__knopf:focus-visible { outline: 3px solid var(--tn-akzent); outline-offset: 3px; }
.tn-info__knopf .tn-info__ikon { width: 17px; height: 17px; }
.tn-info .tn-info__knopf--konto { margin-top: 24px; max-width: 100%; white-space: normal; text-align: center; justify-content: center; line-height: 1.45; }
.tn-info__beispiel {
	background: #fff; border: 1px solid #e4e9df; border-radius: 12px; padding: 29px 30px; max-width: 415px; width: 100%;
	justify-self: end; box-shadow: 0 7px 22px rgba(29, 58, 34, .04);
}
.tn-info__beispiel-titel { font-weight: 700; font-size: 17px; color: #263b2b; }
.tn-info__beispiel-klein { font-size: 13px; color: #6a7569; margin-top: 2px; }
.tn-info__beispiel-zahl { font-size: 35px; font-weight: 700; margin-top: 16px; color: var(--tn-gruen); }
.tn-info__beispiel-trenner { height: 1px; background: var(--tn-linie); margin: 17px 0; }
.tn-info__beispiel-zeile { display: flex; align-items: center; gap: 12px; font-size: 13px; padding: 7px 0; }
.tn-info__beispiel-zeile .tn-info__ikon { width: 19px; height: 19px; color: var(--tn-gruen); }

/* Bedingungen */
.tn-info .tn-info__regeln { margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 70px; row-gap: 13px; }
.tn-info__regeln li { display: flex; align-items: flex-start; gap: 12px; padding: 4px 0; font-size: 14px; line-height: 1.85; color: #505a51; }

/* Kontakt */
.tn-info .tn-info__bereich--kontakt { background: var(--tn-warm); padding: 58px 0 78px; }
.tn-info__kontakt {
	display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #f1f5ed;
	border: 1px solid #e0e8dc; border-radius: 12px; padding: 37px 40px;
}
.tn-info .tn-info__kontakt h2 { font-size: 24px; margin: 0 0 13px; color: #253d2b; font-weight: 700; }
.tn-info__kontakt p { margin: 0; font-size: 15px; line-height: 1.85; color: var(--tn-sub); }

@media (max-width: 900px) {
	.tn-info__kopfraster { gap: 35px; }
	.tn-info__hinweis { padding: 21px 22px; }
	.tn-info .tn-info__titel { font-size: 37px; }
	.tn-info__einloesen { gap: 34px; grid-template-columns: 275px 1fr; }
	.tn-info__konto { gap: 30px; }
	.tn-info__karte { padding: 23px 20px; }
}
@media (max-width: 750px) {
	.tn-info__wrap { width: min(100% - 36px, 1178px); }
	.tn-info__kopf { padding: 26px 0 38px; }
	.tn-info__krume { margin-bottom: 18px; }
	.tn-info__kopfraster { grid-template-columns: 1fr; gap: 24px; }
	.tn-info .tn-info__titel { font-size: clamp(29px, 6vw, 35px); margin-bottom: 14px; letter-spacing: -.55px; }
	.tn-info__lead { font-size: 16.5px; line-height: 1.65; }
	.tn-info__hinweis { padding: 17px 20px; }
	.tn-info__hinweis p { font-size: 14px; line-height: 1.85; }
	.tn-info .tn-info__bereich { padding: 41px 0; }
	.tn-info .tn-info__h2 { font-size: 23px; margin-bottom: 21px; }
	.tn-info__karten { grid-template-columns: 1fr; gap: 12px; }
	.tn-info__karte { display: grid; grid-template-columns: 45px 1fr; column-gap: 15px; align-items: start; padding: 20px 18px 21px; border-radius: 11px; }
	.tn-info__karte-ikon { grid-row: 1 / 3; margin: 0; width: 39px; height: 39px; }
	.tn-info__karte-ikon .tn-info__ikon { width: 22px; height: 22px; }
	.tn-info .tn-info__karte h3 { font-size: 16px; line-height: 1.48; margin: 0 0 7px; }
	.tn-info__karte p { font-size: 13.5px; line-height: 1.75; }
	.tn-info__einloesen { grid-template-columns: 1fr; gap: 24px; }
	.tn-info__rate { width: min(330px, 100%); padding: 21px 18px; justify-self: start; }
	.tn-info__rate strong { font-size: 34px; }
	.tn-info__rabatt { font-size: 23px; }
	.tn-info__einloesen-text p { font-size: 14px; line-height: 1.8; }
	.tn-info__konto { grid-template-columns: 1fr; gap: 21px; }
	.tn-info__liste li { font-size: 14px; }
	.tn-info__beispiel { max-width: none; justify-self: stretch; padding: 23px; }
	.tn-info .tn-info__regeln { grid-template-columns: 1fr; row-gap: 8px; }
	.tn-info__regeln li { font-size: 13.5px; line-height: 1.75; padding: 5px 0; }
	.tn-info .tn-info__bereich--kontakt { padding: 38px 0 53px; }
	.tn-info__kontakt { flex-direction: column; align-items: flex-start; gap: 22px; padding: 26px 23px; }
	.tn-info .tn-info__kontakt h2 { font-size: 22px; }
	.tn-info__kontakt p { font-size: 14px; }
}
@media (max-width: 375px) {
	.tn-info__wrap { width: min(100% - 30px, 1178px); }
	.tn-info .tn-info__titel { font-size: 28px; }
	.tn-info__karte { grid-template-columns: 39px 1fr; column-gap: 12px; padding: 17px 14px; }
	.tn-info .tn-info__karte h3 { font-size: 15px; }
	.tn-info .tn-info__knopf { font-size: 13px; padding: 13px 15px; }
}


/* ── Kasse: Bonuspunkte einlösen (Etappe 3, 27.10.2026) ──────────────────────────────────────────────────
 * Gestaltung 1:1 nach Claus' Vorlage „Checkout“ vom 27.10.2026 (ohne Vorschau-Umschalter und ohne eigene Rabattzeile –
 * den Punkterabatt zeichnet WooCommerce als Zeile „Bonuspunkte“ in der Summe; Gast-Hinweis ohne flex-Reihenfolge, weil er
 * als eigener Block im Formular steht). Markup und Logik: plugins/temana-core/module/bonus-einloesen.php, assets/kasse-bonus.js.
 */
.temana-bonus-checkout{border-bottom:1px solid #e4e6e1!important;margin:0!important;padding:0 13px!important;font-family:Poppins,Arial,sans-serif;color:#26342d;background:transparent}
.temana-bonus-checkout__toggle{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:47px;margin:0!important;padding:12px 0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important;border-radius:0!important;text-align:left!important;cursor:pointer;font:inherit!important}
.temana-bonus-checkout__heading{display:inline-flex;align-items:center;gap:9px;font-size:14px;line-height:1.4;font-weight:600}
.temana-bonus-checkout__gift{color:#397b4b;flex:none}
.temana-bonus-checkout__chevron{flex:none;color:#59645b;transition:transform .15s}
.temana-bonus-checkout__toggle[aria-expanded="true"] .temana-bonus-checkout__chevron{transform:rotate(180deg)}
.temana-bonus-checkout__content{padding:0 0 14px}
.temana-bonus-checkout__content[hidden],.temana-bonus-checkout__applied[hidden],.temana-bonus-checkout__error[hidden],.temana-bonus-checkout__guest-login[hidden]{display:none!important}
.temana-bonus-checkout__balance{font-size:13px;line-height:1.5;margin:0 0 11px!important;color:#38443c}
.temana-bonus-checkout__form{display:flex;align-items:stretch;gap:8px;margin:0!important}
.temana-bonus-checkout__form input{flex:1 1 auto;min-width:0!important;width:65px!important;min-height:42px;height:42px!important;padding:8px 11px!important;background:#fff!important;border:1px solid #cbd6cb!important;color:#25372c!important;border-radius:7px!important;box-shadow:none!important;font:400 14px Poppins,Arial,sans-serif!important;appearance:textfield;-moz-appearance:textfield}
.temana-bonus-checkout__form input::-webkit-inner-spin-button,.temana-bonus-checkout__form input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
.temana-bonus-checkout__apply{flex:0 0 auto;min-height:42px!important;padding:8px 13px!important;background:#2e6843!important;border:1px solid #2e6843!important;color:#fff!important;border-radius:7px!important;box-shadow:none!important;cursor:pointer;font:600 13px Poppins,Arial,sans-serif!important;line-height:1.3!important}
.temana-bonus-checkout__apply:hover{background:#245637!important}
.temana-bonus-checkout__toggle:focus-visible,.temana-bonus-checkout__apply:focus-visible,.temana-bonus-checkout__form input:focus-visible,.temana-bonus-checkout__applied button:focus-visible,.temana-bonus-checkout__guest-login a:focus-visible{outline:2px solid #35754b!important;outline-offset:2px}
.temana-bonus-checkout__error{margin:8px 0 0!important;font-size:12px;line-height:1.45;color:#a42e27}
.temana-bonus-checkout__applied{margin:9px 0 0;font-size:12px;line-height:1.5;color:#2f6d45;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;align-items:center}
.temana-bonus-checkout__applied button{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:600 12px Poppins,Arial,sans-serif!important;color:#27693b!important;text-decoration:underline!important;cursor:pointer}
.temana-bonus-checkout__guest-login{margin:4px 0 14px!important;font:400 13px/1.5 Poppins,Arial,sans-serif;color:#59645b}
.temana-bonus-checkout__guest-login .temana-bonus-checkout__guest-title{display:block;font-weight:600;color:#35463b;margin:0 0 2px}.temana-bonus-checkout__guest-login .temana-bonus-checkout__guest-hint{display:block;margin:0 0 5px}.temana-bonus-checkout__guest-login a{display:inline-flex;align-items:center;gap:6px;color:#2d7241;text-decoration:underline;text-underline-offset:2px;font-weight:600}.temana-bonus-checkout__login-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.temana-bonus-checkout__sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important}
@media(max-width:600px){.temana-bonus-checkout{padding:0 12px!important}.temana-bonus-checkout__toggle{padding:11px 0!important}.temana-bonus-checkout__heading{font-size:13px}}
@media(max-width:360px){.temana-bonus-checkout__form{gap:6px}.temana-bonus-checkout__apply{padding:8px 10px!important}}