/*
 * Kasse – Claus' finale Übergabe „Checkout“ vom 23.10.2026 (Gesamtvorschau V2, P01–P11).
 * Werte 1:1 aus seiner freigegebenen Vorschau; wo er Regeln mehrfach überlagert hat, steht hier der Endstand.
 * Nicht übernommen, weil nur Vorschau: Testleiste, Beispieldaten, DEMO5, Klebe-Abstand der Zusammenfassung
 * unter seiner Testleiste (83 px → hier 24 px unter dem Seitenrand).
 * Alles nur auf der Kasse (body.temana-kasse aus module/kasse-seite.php) – Warenkorb und übriger Shop bleiben.
 * Selektoren mit .wp-block-woocommerce-checkout vorn, damit sie die später geladenen Blockstile schlagen.
 */

body.temana-kasse {
	--kasse-warm: #FFFCF7;
	--kasse-gruen: #2B723D;
	--kasse-dunkel: #1d4d2d;
	--kasse-hint: #edf5ea;
	--kasse-linie: #e2e7df;
	--kasse-tinte: #222722;
	--kasse-sub: #646B64;
	--kasse-rand: clamp(18px, 2.4vw, 28px);
	/* Inhaltsbreite der Kasse = die der übrigen TeMana-Seiten (Konto 1180, Rechtsseiten 1178);
	 * Claus 28.10.2026, Punkt 1. Ein Wert für Kopfleiste, Seitenkopf, Anmeldung, Formular und Fuß. */
	--kasse-breite: 1180px;
	--kasse-formbreite: var(--kasse-breite); /* ≤ 820 px: eine schmale Spalte (unten) */
	background: var(--kasse-warm);
}
body.temana-kasse .site,
body.temana-kasse #inner-wrap,
body.temana-kasse .content-bg,
body.temana-kasse .entry.content-bg { background: var(--kasse-warm); box-shadow: none; }
body.temana-kasse .content-area { margin: 0; }
body.temana-kasse .content-container.site-container { max-width: none; padding: 0; }
/* Seitenrand der Kasse in jedem Kadence-Seitenmodus (Claus 28.10.2026, Punkt 1): „boxed“ rückt die Karte am Handy um 1 rem
 * nach außen (.content-bg, 0,3,0), „unboxed“ nimmt dem Inhalt das Padding ganz (0,4,0) – ohne das stünde die Kasse am Handy
 * ohne Abstand am Bildschirmrand. Die Selektoren hier sind je einen Grad stärker. */
body.temana-kasse .entry-content-wrap,
body.temana-kasse .entry:not(.loop-entry) > .entry-content-wrap { padding: 0 var(--kasse-rand) clamp(64px, 7vw, 86px); }
body.temana-kasse .content-bg:not(.loop-entry) { margin-left: 0; margin-right: 0; }
body.temana-kasse .entry-hero.page-hero-section,
body.temana-kasse .entry-header.page-title { display: none; }

/* ── P01 Kopf: weiß, Originallogo links, „← Zum Warenkorb“ rechts ── */
.temana-kasse-kopfleiste { background: #fff; border-bottom: 1px solid #e4e9df; }
.temana-kasse-kopfleiste__in {
	max-width: calc(var(--kasse-breite) + 56px); margin: 0 auto; padding: 0 28px; min-height: 79px;
	display: flex; align-items: center; justify-content: space-between; gap: 18px;
}
.temana-kasse-kopfleiste__marke { display: block; min-width: 0; text-decoration: none; }
.temana-kasse-kopfleiste__logo { display: block; width: 243px; max-width: 100%; height: auto; object-fit: contain; object-position: left center; }
.temana-kasse-kopfleiste__zurueck {
	display: inline-flex; gap: 9px; align-items: center; justify-content: flex-end; flex: none; min-height: 44px;
	color: #276b3a !important; text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap;
}
.temana-kasse-kopfleiste__zurueck svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.temana-kasse-kopfleiste__zurueck:hover,
.temana-kasse-kopfleiste__zurueck:focus-visible { text-decoration: underline; }
.temana-kasse-kopfleiste__marke:focus-visible,
.temana-kasse-kopfleiste__zurueck:focus-visible,
.temana-kasse-fuss a:focus-visible { outline: 2px solid #286d3a; outline-offset: 4px; }

/* ── P11 Fuß: nur Rechtslinks und „Vertrag widerrufen“ ── */
.temana-kasse-fuss { background: var(--kasse-dunkel, #1d4d2d); color: #e9f0e8; font-size: 12px; padding: 25px 0; }
.temana-kasse-fuss__in {
	max-width: calc(var(--kasse-breite) + 56px); margin: 0 auto; padding: 0 28px;
	display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap;
}
.temana-kasse-fuss__recht { display: flex; align-items: center; justify-content: center; gap: 9px 16px; flex-wrap: wrap; }
.temana-kasse-fuss__recht a { margin: 0; font-size: 11px; color: #edf5ed; line-height: 1.6; text-decoration: none; }
.temana-kasse-fuss__recht a:hover { text-decoration: underline; }
.temana-kasse-fuss .temana-fuss__widerruf { padding: 0; }
.temana-kasse-fuss .temana-fuss__widerruf:empty { display: none; }
.temana-kasse-fuss .eu-owb-order-withdraw-from-contract-button { background: none; padding: 0; margin: 0; text-align: left; }
.temana-kasse-fuss .temana-fuss__widerruf a,
.temana-kasse-fuss .temana-fuss__widerruf .button {
	display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 8px 12px; min-height: 34px;
	border: 1px solid #d1e4c5; border-radius: 7px; background: transparent; color: #fff; text-decoration: none;
	font-size: 11px; font-weight: 700; letter-spacing: .01em; line-height: 1.4; white-space: nowrap;
}
.temana-kasse-fuss .temana-fuss__widerruf a:hover,
.temana-kasse-fuss .temana-fuss__widerruf .button:hover { background: rgba(255, 255, 255, .07); color: #fff; }

/* ── P02 Seitenkopf: kompakt, warmweiß ── */
.temana-kasse-kopf {
	width: 100vw; max-width: 100vw; margin: 0 calc(50% - 50vw) 35px; padding: 17px var(--kasse-rand) 20px;
	background: var(--kasse-warm); border-bottom: 1px solid var(--kasse-linie);
}
.temana-kasse-kopf > * { max-width: var(--kasse-formbreite); margin-inline: auto; }
.temana-kasse-kopf .temana-brotkrume { display: flex; align-items: center; gap: 9px; margin-top: 0; margin-bottom: 0; font-size: 13px; color: #718074; }
.temana-kasse-kopf .temana-brotkrume a { color: #718074; }
body.temana-kasse .temana-kasse-kopf h1.temana-kasse-kopf__titel {
	margin-left: auto; margin-right: auto; /* Kadence: .single-content h1 { margin: 1.5em 0 .5em } würfe den Titel sonst aus dem Rahmen */
	margin-top: 6px; margin-bottom: 0; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: -.8px; color: var(--kasse-tinte);
}

/* ── Rahmen: Formular links, Übersicht rechts ── */
/* Kadence setzt am Block (alignwide) je nach Seitenmodus `max-width: unset` und einen Minusrand (0,3,0; zusätzlich
 * `.is-layout-constrained > .alignwide` und `.has-sidebar …` mit 0,4,0 – beide greifen bei der Kasse nicht) – die zweite
 * Zeile der Liste hat (0,4,1), damit Breite und Mitte der Kasse gelten; die erste deckt den Block ohne alignwide ab. */
body.temana-kasse .wp-block-woocommerce-checkout,
body.temana-kasse .entry-content .wp-block-woocommerce-checkout.alignwide {
	width: auto; max-width: var(--kasse-formbreite); margin: 0 auto; padding-top: 0; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
	display: grid; grid-template-columns: minmax(0, 1.47fr) minmax(355px, .95fr); gap: 52px; align-items: start; margin: 0;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-main,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-sidebar {
	width: auto; min-width: 0; margin: 0; padding: 0; box-sizing: border-box;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
	position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px); align-self: start;
}

/* ── P03 Anmeldung über den Kontaktdaten ── */
.temana-kasse-anmeldung {
	max-width: var(--kasse-formbreite); margin: 0 auto 32px; border: 1px solid #d9e4d6; border-radius: 10px; background: var(--kasse-warm); overflow: hidden;
}
.temana-kasse-anmeldung > summary {
	list-style: none; display: flex; align-items: center; gap: 14px; min-height: 66px; padding: 15px 18px; cursor: pointer; color: var(--kasse-tinte);
}
.temana-kasse-anmeldung > summary::-webkit-details-marker { display: none; }
.temana-kasse-anmeldung > summary:focus-visible { outline: 3px solid #a7c995; outline-offset: -3px; }
.temana-kasse-anmeldung__symbol {
	flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px;
	background: var(--kasse-warm); border: 1px solid #dce8d7; color: var(--kasse-gruen);
}
.temana-kasse-anmeldung__symbol svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.temana-kasse-anmeldung__text { flex: 1; min-width: 0; display: block; }
.temana-kasse-anmeldung__text strong { display: block; font-size: 16px; font-weight: 600; line-height: 1.5; }
.temana-kasse-anmeldung__text small { display: block; margin-top: 1px; font-size: 14px; line-height: 1.5; color: var(--kasse-sub); }
.temana-kasse-chevron { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--kasse-gruen); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.temana-kasse-anmeldung[open] .temana-kasse-chevron { transform: rotate(180deg); }
.temana-kasse-anmeldung__form { margin: 0; padding: 23px; border-top: 1px solid #e5ebe1; background: var(--kasse-warm); }
.temana-kasse-anmeldung__form .temana-kasse-feld { max-width: 640px; }
.temana-kasse-anmeldung__form .temana-kasse-feld + .temana-kasse-feld { margin-top: 14px; }
.temana-kasse-anmeldung__fehler { margin: 0 0 14px; font-size: 13px; }
.temana-kasse-anmeldung__fehler .woocommerce-error,
.temana-kasse-anmeldung__fehler ul { margin: 0; }
.temana-kasse-anmeldung__aktionen { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 17px 0 0; }
.temana-kasse-anmeldung__knopf {
	min-height: 44px; padding: 11px 25px; border: 0; border-radius: 7px; background: var(--kasse-gruen); color: #fff;
	font-size: 15px; font-weight: 600; cursor: pointer;
}
.temana-kasse-anmeldung__knopf:hover { background: #235e35; }
.temana-kasse-anmeldung__aktionen a { font-size: 13px; color: var(--kasse-gruen); }

/* Felder der Anmeldung wie die Kassenfelder: Beschriftung bleibt im Feld sichtbar (P04) */
.temana-kasse-feld { position: relative; display: block; min-width: 0; margin: 0; }
.temana-kasse-feld > label {
	position: absolute; left: 15px; top: 7px; z-index: 1; margin: 0; pointer-events: none;
	font-size: 12px; font-weight: 500; line-height: 1.25; color: #59695b;
}
.temana-kasse-feld > input {
	width: 100%; height: 57px; min-height: 57px; margin: 0; padding: 23px 14px 8px; box-sizing: border-box;
	border: 1px solid #aeb9ad; border-radius: 8px; background: var(--kasse-warm); color: var(--kasse-tinte);
	font-size: 16px; line-height: 1.5; box-shadow: none;
}
.temana-kasse-feld > input:focus { border-color: var(--kasse-gruen); outline: 3px solid #a7c995; outline-offset: 2px; }

/* ── Abschnitte ── */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step { margin: 0 0 34px; padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__container { padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__container::after { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading { margin: 0 0 16px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-components-title {
	margin: 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -.25px; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__description {
	margin: -8px 0 16px; font-size: 13px; line-height: 1.5; color: var(--kasse-sub);
}
/* Claus hat nur bei den Kontaktdaten einen Hinweis – und der steht unter dem Feld. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step:not(.wc-block-checkout__contact-fields) .wc-block-components-checkout-step__description { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__container { display: flex; flex-direction: column; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__description { order: 2; margin: 8px 0 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__content { order: 1; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt { display: none; } /* Anmeldung steht darüber (P03) */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step__title::before,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step__heading-content::before { display: none; }

/* ── P04/P07 Felder: Beschriftung dauerhaft im Feld, Vorname|Nachname und PLZ|Ort zweispaltig ── */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input,
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select { position: relative; margin: 0; min-width: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input label,
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__label {
	position: absolute; left: 15px; top: 7px; right: 15px; z-index: 1; margin: 0; max-width: none; transform: none !important;
	font-size: 12px; font-weight: 500; line-height: 1.25; color: #59695b; pointer-events: none;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"]),
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"]) {
	width: 100%; height: 57px; min-height: 57px; margin: 0; padding: 23px 14px 8px; box-sizing: border-box;
	border: 1px solid #aeb9ad; border-radius: 8px; background: var(--kasse-warm); color: var(--kasse-tinte);
	font-family: inherit; font-size: 16px; line-height: 1.5; box-shadow: none;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input input::placeholder { color: transparent; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus { border-color: var(--kasse-gruen); outline: 3px solid #a7c995; outline-offset: 2px; box-shadow: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__container {
	height: 57px; border: 1px solid #aeb9ad; border-radius: 8px; background: var(--kasse-warm); box-shadow: none;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__container:focus-within { border-color: var(--kasse-gruen); outline: 3px solid #a7c995; outline-offset: 2px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__select {
	height: 100%; padding: 23px 40px 8px 14px; border: 0; background: transparent; color: var(--kasse-tinte);
	font-family: inherit; font-size: 16px; line-height: 1.5; box-shadow: none; outline: 0;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__expand { fill: var(--kasse-gruen); }
/* Feldfehler direkt am Feld */
body.temana-kasse .wp-block-woocommerce-checkout .has-error input,
body.temana-kasse .wp-block-woocommerce-checkout .has-error .wc-blocks-components-select__container { border-color: #b63c33 !important; box-shadow: 0 0 0 1px #b63c33 inset; }
body.temana-kasse .wp-block-woocommerce-checkout .has-error label { color: #a23931; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-validation-error { margin-top: 4px; font-size: 12px; line-height: 1.4; color: #a23931; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-validation-error > p { margin: 0; }

body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 15px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form > * { grid-column: 1 / -1; margin: 0; width: auto; flex: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form > :is(
	.wc-block-components-address-form__first_name,
	.wc-block-components-address-form__last_name,
	.wc-block-components-address-form__postcode,
	.wc-block-components-address-form__city
) { grid-column: auto; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
	display: inline-block; justify-self: start; margin: -7px 0 0; padding: 7px 0; font-size: 13px; font-weight: 500; color: var(--kasse-gruen); cursor: pointer;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-hidden-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form__state:has(input[type="hidden"]) { display: none; }
/* Rechnungsadresse = Lieferadresse */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__use-address-for-billing { margin-top: 20px; font-size: 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-card-wrapper { margin: 0; }

/* Häkchen: grün */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	width: 19px; height: 19px; min-width: 19px; min-height: 19px; border-color: #8c998b; border-radius: 4px; background: #fff;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--kasse-gruen); border-color: var(--kasse-gruen); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff; }

/* ── P05 Versandwahl ── */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package { gap: 12px; margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control { display: grid; gap: 12px; border: 0; box-shadow: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option {
	position: relative; display: flex; align-items: center; gap: 12px; min-height: 79px; margin: 0; padding: 17px 19px 17px 50px;
	border: 1.5px solid #d7e0d5 !important; border-radius: 9px !important; background: var(--kasse-warm); box-shadow: none !important; cursor: pointer;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option::after { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-checked,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:has(input:checked) { border-color: var(--kasse-gruen) !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input {
	width: 19px; height: 19px; min-width: 19px; min-height: 19px; border: 1.5px solid #8c998b; accent-color: var(--kasse-gruen);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border-color: var(--kasse-gruen); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: var(--kasse-gruen); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__input { left: 19px; top: 50% !important; transform: translateY(-50%) !important; margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-layout {
	flex: 1; display: grid; grid-template-columns: 23px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; padding: 0; width: 100%;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-layout::before {
	content: ""; grid-column: 1; grid-row: 1 / span 2; width: 23px; height: 23px;
	background: center / 23px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B723D' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17' cy='17.5' r='1.6'/%3E%3C/svg%3E");
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:has(input[value^="local_pickup"], input[value^="pickup_location"]) .wc-block-components-radio-control__option-layout::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B723D' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20H4z'/%3E%3Cpath d='M9.5 20v-5.5h5V20'/%3E%3C/svg%3E");
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option :is(.wc-block-components-radio-control__label-group, .wc-block-components-radio-control__description-group) { display: contents; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__label {
	grid-column: 2; grid-row: 1; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__label::after {
	display: block; margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #687268;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:has(input[value^="flat_rate"], input[value^="free_shipping"]) .wc-block-components-radio-control__label::after { content: "Zustellung an deine Adresse"; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:has(input[value^="local_pickup"], input[value^="pickup_location"]) .wc-block-components-radio-control__label::after { content: "Ich informiere dich, sobald deine Bestellung abholbereit ist."; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__description {
	grid-column: 3; grid-row: 1 / span 2; justify-self: end; font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__package__description--free { color: var(--kasse-gruen); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option :is(.wc-block-components-radio-control__secondary-label, .wc-block-components-radio-control__secondary-description, .wc-block-components-shipping-rates-control__package__delivery_time) { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__no-results-notice { margin: 0; }

/* Abholhinweis und Lieferzeiten-Mix unter der Versandwahl (kasse.js) */
body.temana-kasse .wp-block-temana-kasse-lieferung:empty { display: none; }
body.temana-kasse .wp-block-temana-kasse-lieferung { margin: -21px 0 34px; }
.temana-kasse-hinweis {
	display: flex; align-items: flex-start; gap: 13px; margin-top: 13px; padding: 14px 15px;
	border: 1px solid #e2e7df; border-radius: 9px; background: var(--kasse-warm, #FFFCF7);
}
.temana-kasse-hinweis__symbol { flex: none; width: 23px; height: 23px; margin-top: 2px; fill: none; stroke: #2B723D; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.temana-kasse-hinweis__bild { flex: none; width: 32px; height: 32px; object-fit: contain; }
.temana-kasse-hinweis strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.45; }
.temana-kasse-hinweis p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; color: #596b59; }

/* ── P06 Bestellnotiz: eingeklappt, Text bleibt beim Auf-/Zuklappen ── */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__order-notes { margin: 0 0 34px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__order-notes .wc-block-components-checkout-step__container,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note {
	margin: 0; border: 1px solid #dae3d7; border-radius: 10px; background: var(--kasse-warm); overflow: hidden;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__order-notes .wc-block-checkout__add-note { border: 0; border-radius: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox { margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox label {
	display: flex; align-items: center; gap: 11px; min-height: 55px; margin: 0; padding: 13px 15px; cursor: pointer;
	font-size: 15px; font-weight: 500; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox label::before {
	content: ""; order: 0; flex: none; width: 18px; height: 18px;
	background: center / 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B723D' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h10l4 4v12H5z'/%3E%3Cpath d='M8.5 12h7M8.5 16h5'/%3E%3C/svg%3E");
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox__label { order: 1; flex: 1; margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox__mark { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	order: 2; -webkit-appearance: none; appearance: none; width: 18px; height: 18px; min-width: 18px; min-height: 18px; margin: 0;
	border: 0; border-radius: 0; box-shadow: none; transition: transform .2s;
	background: center / 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B723D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { transform: rotate(180deg); background-color: transparent; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus-visible { outline: 3px solid #a7c995; outline-offset: 2px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-textarea {
	display: block; width: calc(100% - 30px); min-height: 105px; margin: 4px 15px 17px; padding: 12px 14px; box-sizing: border-box;
	border: 1px solid #aeb9ad; border-radius: 8px; background: var(--kasse-warm); color: var(--kasse-tinte);
	font-family: inherit; font-size: 16px; line-height: 1.5; resize: vertical;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-textarea:focus { border-color: var(--kasse-gruen); outline: 3px solid #a7c995; outline-offset: 2px; }

/* ── P08 Zahlungsarten: zwei Spalten, Karte mit Formular über die ganze Breite ── */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__payment-method { margin-bottom: 5px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option {
	position: relative; margin: 0; border: 1.5px solid #dce2d9 !important; border-radius: 9px !important; background: var(--kasse-warm); box-shadow: none !important;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option::after { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(> .wc-block-components-radio-control__option-checked),
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input:checked) { border-color: var(--kasse-gruen) !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control-accordion-content:not(:empty)) { grid-column: 1 / -1; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option {
	display: flex; align-items: center; min-height: 64px; margin: 0; padding: 14px 14px 14px 44px; border: 0 !important; box-shadow: none !important;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input { left: 14px; top: 50% !important; transform: translateY(-50%) !important; margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label { font-size: 15px; font-weight: 500; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content { padding: 0 14px 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__no-payment-methods-notice,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-notice-banner { margin: 0; }
/* „Sicher bezahlen“ unter den Zahlungsarten (kasse.js) */
body.temana-kasse .wp-block-temana-kasse-sicher { margin: 0 0 34px; }
.temana-kasse-sicher { display: flex; align-items: center; gap: 7px; margin: 13px 0 0; font-size: 13px; line-height: 1.5; color: #647265; }
.temana-kasse-sicher svg { flex: none; width: 16px; height: 16px; fill: none; stroke: #2B723D; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ── P09 Bestellübersicht ── */
body.temana-kasse .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	border: 0; border-radius: 0; background: transparent; font-size: 14px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title {
	display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 0; padding: 21px 20px 17px;
	border: 1px solid #dde4db; border-bottom: 0; border-radius: 11px 11px 0 0; background: var(--kasse-warm); cursor: default;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
	margin: 0; font-size: 19px; font-weight: 600; line-height: 1.4; letter-spacing: -.2px; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-price,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-icon { display: none; }
/* Die Übersicht ist immer offen; WooCommerce' zweite Fassung im Bestellbereich (schmale Bildschirme) entfällt. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content { display: block !important; border: 0 !important; }
body.temana-kasse .wp-block-woocommerce-checkout .checkout-order-summary-block-fill-wrapper,
body.temana-kasse .wp-block-woocommerce-checkout .checkout-order-summary-block-fill { display: none !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper {
	margin: 0; padding: 0; border: 1px solid #dde4db; border-top: 0; border-bottom: 0; background: var(--kasse-warm);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:has(+ .wc-block-components-totals-wrapper .wc-block-components-totals-footer-item) {
	padding-bottom: 17px; border-bottom: 1px solid #dde4db; border-radius: 0 0 11px 11px;
}
/* Produktzeilen hellgrün, ein Preis je Produkt */
body.temana-kasse .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper { padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary {
	padding: 0; border-top: 1px solid #e5e8e1; border-bottom: 1px solid #e4e9df; background: var(--kasse-hint);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button { display: none; } /* „x Artikel“ – Liste ist immer offen */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__content { display: block !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary__content { display: block; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item {
	display: grid; grid-template-columns: 61px minmax(0, 1fr) auto; gap: 13px; align-items: center; margin: 0; padding: 16px;
	background: var(--kasse-hint); font-size: 14px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item + .wc-block-components-order-summary-item { border-top: 1px solid #dbe7d5; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image {
	position: relative; display: flex; align-items: center; justify-content: center; width: 61px; height: 70px; margin: 0; padding: 0;
	border: 1px solid #e6ebdf; border-radius: 7px; background: var(--kasse-warm); box-sizing: border-box;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image > img {
	display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 7px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__quantity {
	position: absolute; top: -7px; right: -6px; left: auto; z-index: 1; display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 3px;
	border: 2px solid var(--kasse-hint); border-radius: 50%; background: #24392d; color: #fff; box-shadow: none; transform: none;
	font-size: 11px; font-weight: 600; line-height: 1; box-sizing: border-box;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__description { min-width: 0; padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-name {
	display: block; max-width: none; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-cart-item__prices,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-metadata__description,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-badge { display: none; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-metadata { margin-top: 5px; font-size: 12px; line-height: 1.45; color: var(--kasse-sub); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details { margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__total-price {
	align-self: start; padding-top: 2px; margin: 0; font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-sale-badge { display: none; }
/* Gutschein einklappbar, Preiszeilen */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon { padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button {
	margin: 0; padding: 14px 20px; font-size: 14px; font-weight: 400; color: var(--kasse-tinte);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon { fill: var(--kasse-gruen); right: 20px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__content { padding: 0 20px 17px; }
body.temana-kasse .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block { border-bottom: 1px solid var(--kasse-linie) !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input input { height: 46px; min-height: 46px; padding: 18px 12px 6px; font-size: 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input label { top: 5px; left: 12px; font-size: 11px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button {
	min-height: 46px; padding: 9px 14px; border: 0; border-radius: 7px; background: var(--kasse-gruen); color: #fff; font-size: 13px; font-weight: 600;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:not(.wp-block-woocommerce-checkout-order-summary-cart-items-block):not(.wp-block-woocommerce-checkout-order-summary-coupon-form-block) { padding-left: 20px; padding-right: 20px; }
body.temana-kasse .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-subtotal-block { padding-top: 12px !important; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content .wc-block-components-totals-item {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 8px 0; padding: 0; font-size: 15px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-item__value { font-size: 15px; font-weight: 600; white-space: nowrap; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-item__description { flex: 0 0 100%; margin: 1px 0 0; font-size: 12px; line-height: 1.4; color: var(--kasse-sub); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-discount .wc-block-components-totals-item__value { color: var(--kasse-gruen); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-shipping .wc-block-components-totals-shipping__via,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-item__description .wc-block-components-shipping-address { font-size: 12px; color: var(--kasse-sub); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-shipping .wc-block-components-shipping-calculator,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { display: none; }
/* Gesamtsumme als eigene Karte */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) {
	margin-top: 14px; padding: 17px 20px; border: 1px solid #dde4db; border-radius: 11px; background: var(--kasse-warm);
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 15px; margin: 0; padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 19px; font-weight: 600; color: var(--kasse-tinte); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 24px; font-weight: 600; white-space: nowrap; color: var(--kasse-tinte); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item-tax { flex: 0 0 100%; margin: 0; font-size: 12px; line-height: 1.5; color: var(--kasse-sub); }
/* „Bearbeiten“ entfällt (P09) – zum Warenkorb geht es nur oben rechts. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar a[href*="/warenkorb/"],
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title a,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-return-to-cart-button { display: none; }

/* ── P10 Recht und Knopf: Gesamtsumme direkt über dem Knopf ──
 * Ab „is-large“ zeigt Germanized die Gesamtsumme erst in seinem Bestellbereich (Zustimmung, Gesamtsumme, Knopf); schmaler steht
 * sie wie WooCommerce sie liefert in der Übersicht, danach Zustimmung und Knopf. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-germanized-checkout-checkboxes,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-gzd-checkboxes { margin: 19px 0 0; font-size: 14px; line-height: 1.65; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkbox { margin: 0 0 17px; font-size: 14px; line-height: 1.65; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkbox a { color: var(--kasse-gruen); text-decoration: underline; text-underline-offset: 2px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__actions { margin: 0; padding: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__actions_row { display: block; margin: 0; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
	width: 100%; min-height: 54px; margin: 0; padding: 14px; border: 0; border-radius: 9px;
	background: var(--kasse-gruen); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: .005em; box-shadow: none; transition: background .15s;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover:not(:disabled) { background: #235e35; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible { outline: 3px solid #a7c995; outline-offset: 2px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__separator,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__price { display: none; }

/* ── Kompakter (Michael 26.10.2026: „diese Fenster kompakter – nicht den ganzen Bildschirm aufbauen“) ──
 * Nur Maße gegenüber Claus' Übergabe: Abstände, Feld- und Kartenhöhen (die Breite 980 px ist seit 28.10.2026 durch
 * --kasse-breite oben ersetzt, Claus Punkt 1: wie die übrigen Seiten). Farben, Aufbau, Texte und Reihenfolge bleiben.
 * Steht vor den Bildschirm-Regeln unten – Handy (≤ 580 px) behält Claus' Tippflächen. Zurück auf seine Maße: diesen Block entfernen.
 */
body.temana-kasse { --kasse-feld: 52px; }
.temana-kasse-kopf { margin-bottom: 20px; padding: 12px var(--kasse-rand) 14px; }
body.temana-kasse .temana-kasse-kopf h1.temana-kasse-kopf__titel { margin-top: 4px; font-size: 26px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1.5fr) minmax(310px, .95fr); gap: 36px; }
.temana-kasse-anmeldung { margin-bottom: 20px; }
.temana-kasse-anmeldung > summary { min-height: 52px; padding: 10px 16px; }
.temana-kasse-anmeldung__form { padding: 16px; }
.temana-kasse-feld > label { top: 5px; font-size: 11px; }
.temana-kasse-feld > input { height: var(--kasse-feld); min-height: var(--kasse-feld); padding: 20px 14px 6px; }
/* Abschnitte */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step { margin-bottom: 22px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading { margin-bottom: 10px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-components-title { font-size: 18px; }
/* Felder */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input label,
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__label { top: 5px; font-size: 11px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"]),
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"]) {
	height: var(--kasse-feld); min-height: var(--kasse-feld); padding: 20px 14px 6px;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__container { height: var(--kasse-feld); }
body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__select { padding: 20px 40px 6px 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form { gap: 10px 12px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__use-address-for-billing { margin-top: 14px; }
/* Versandwahl, Hinweise, Bestellnotiz */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control { gap: 10px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option { min-height: 62px; padding: 11px 19px 11px 50px; }
body.temana-kasse .wp-block-temana-kasse-lieferung { margin: -12px 0 22px; }
.temana-kasse-hinweis { margin-top: 10px; padding: 10px 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__order-notes { margin-bottom: 22px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox label { min-height: 46px; padding: 10px 15px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-textarea { min-height: 80px; margin-bottom: 12px; }
/* Zahlungsarten */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control { gap: 10px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option { min-height: 52px; padding: 10px 14px 10px 44px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content { padding-bottom: 10px; }
body.temana-kasse .wp-block-temana-kasse-sicher { margin-bottom: 22px; }
.temana-kasse-sicher { margin-top: 10px; }
/* Bestellübersicht */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { padding: 15px 18px 12px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-text { font-size: 18px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 11px; padding: 11px 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image { width: 52px; height: 60px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button { padding: 11px 18px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon { right: 18px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content .wc-block-components-totals-item { margin: 5px 0; font-size: 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-item__value { font-size: 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) { margin-top: 10px; padding: 13px 18px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 18px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 22px; }
/* Recht und Knopf */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-germanized-checkout-checkboxes,
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-gzd-checkboxes { margin-top: 14px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkbox { margin-bottom: 12px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { min-height: 48px; padding: 11px; }

/* ── ≤ 1050 px ── */
@media (max-width: 1050px) {
	.temana-kasse-kopfleiste__in,
	.temana-kasse-fuss__in { padding: 0 22px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1.3fr) minmax(315px, .92fr); gap: 25px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item { grid-template-columns: 53px minmax(0, 1fr) auto; gap: 9px; padding: 14px 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image { width: 53px; height: 62px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { padding: 18px 14px 15px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:not(.wp-block-woocommerce-checkout-order-summary-cart-items-block):not(.wp-block-woocommerce-checkout-order-summary-coupon-form-block) { padding-left: 14px; padding-right: 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button { padding: 13px 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon { right: 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__content { padding: 0 14px 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) { padding: 16px 14px; }
}

/* ── ≤ 820 px: eine Spalte, höchstens 660 px, Übersicht vor Recht und Knopf ── */
@media (max-width: 820px) {
	.temana-kasse-kopfleiste__in { min-height: 71px; gap: 12px; }
	.temana-kasse-kopfleiste__logo { width: 205px; }
	.temana-kasse-fuss__in { justify-content: center; text-align: center; }
	.temana-kasse-fuss__copy { flex-basis: 100%; }
	body.temana-kasse { --kasse-formbreite: 660px; }
	.temana-kasse-anmeldung { margin-bottom: 29px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__sidebar { position: static; margin-top: 10px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step { margin-bottom: 31px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { pointer-events: none; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox label { min-height: 57px; }
}

/* ── ≤ 580 px ── */
@media (max-width: 580px) {
	.temana-kasse-kopfleiste__in { min-height: 69px; padding: 0 18px; }
	.temana-kasse-kopfleiste__logo { width: 188px; }
	.temana-kasse-kopfleiste__zurueck { gap: 5px; font-size: 12px; }
	.temana-kasse-kopfleiste__zurueck svg { width: 15px; height: 15px; }
	.temana-kasse-fuss { padding: 25px 0 30px; }
	.temana-kasse-fuss__in { gap: 12px; padding: 0 18px; }
	.temana-kasse-fuss__recht { gap: 7px 13px; }
	.temana-kasse-fuss .temana-fuss__widerruf { margin-top: 3px; }
	body.temana-kasse .temana-kasse-kopf h1.temana-kasse-kopf__titel { font-size: 30px; }
	.temana-kasse-kopf { margin-bottom: 27px; }
	.temana-kasse-anmeldung { margin-bottom: 28px; }
	.temana-kasse-anmeldung > summary { gap: 10px; padding: 14px 13px; }
	.temana-kasse-anmeldung__text strong { font-size: 14px; }
	.temana-kasse-anmeldung__text small { font-size: 12px; }
	.temana-kasse-feld > input { height: 56px; min-height: 56px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step { margin-bottom: 29px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading { margin-bottom: 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-components-title { font-size: 19px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form { grid-template-columns: minmax(0, 1fr); }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-address-form > * { grid-column: 1 / -1 !important; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-text-input input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"]),
	body.temana-kasse .wp-block-woocommerce-checkout .wc-blocks-components-select__container { height: 56px; min-height: 56px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option { min-height: 78px; padding: 14px 12px 14px 42px; gap: 9px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__input { left: 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-layout { column-gap: 9px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__label { font-size: 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__label::after { font-size: 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__description { font-size: 13px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control { grid-template-columns: minmax(0, 1fr); }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option { min-height: 58px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title { padding: 17px 14px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px; padding: 15px 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image { width: 56px; height: 65px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-name { font-size: 13px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__total-price { font-size: 13px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 18px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 22px; }
}
@media (max-width: 350px) {
	.temana-kasse-kopfleiste__logo { width: 157px; }
	.temana-kasse-kopfleiste__zurueck { font-size: 11px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-layout::before { display: none; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-layout { grid-template-columns: 0 minmax(0, 1fr) auto; column-gap: 8px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-checkout__shipping-option .wc-block-components-radio-control__description { font-size: 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item { grid-template-columns: 48px minmax(0, 1fr) auto; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__image { width: 48px; height: 58px; }
}

/* ── Claus' Livegang-Aufgaben 28.10.2026, Punkt 2: „Gutschein hinzufügen“ wie „Bonuspunkte einlösen“ ──
 * Gleiche Zeile wie der Bonus-Block (26-bonus.css: 47 px hoch, 14 px/600, Rand 13 px, Pfeil grau rechts) und ein eigenes
 * Symbol – Ticket mit Prozentzeichen in demselben Grün wie das Geschenk beim Bonus. Nur Darstellung: Das Eingabefeld und
 * der Knopf „Anwenden“ bleiben, wie WooCommerce sie liefert. Steht hinter allen Bildschirm-Regeln, damit es überall gilt. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button {
	display: flex; align-items: center; gap: 9px; min-height: 47px; padding: 12px 13px; font: 600 14px/1.4 Poppins, Arial, sans-serif; color: #26342d;
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button::before {
	content: ""; flex: none; width: 19px; height: 19px;
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23397b4b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5V9a3 3 0 0 0 0 6v2.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5V15a3 3 0 0 0 0-6z'/%3E%3Cpath d='M9 15l6-6'/%3E%3Ccircle cx='9.4' cy='9.4' r='1'/%3E%3Ccircle cx='14.6' cy='14.6' r='1'/%3E%3C/svg%3E");
}
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button:focus-visible { outline: 2px solid #35754b; outline-offset: -2px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon { fill: #59645b; right: 13px; width: 19px; height: 19px; }
body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__content { padding: 0 13px 14px; }
@media (max-width: 600px) {
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button { padding: 11px 12px; font-size: 13px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon { right: 12px; }
	body.temana-kasse .wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__content { padding: 0 12px 14px; }
}

/* ── Punkt 3: Bestellknopf und Bonus je nur einmal (Ursache behoben, 29.10.2026) ──
 * Den einen Bestellbereich baut Germanized (div.wc-gzd-checkout-submit unter der Zustimmung: Gesamtsumme und Knopf) und
 * blendet den Bestellbereich im Formular selbst aus; der Seiteninhalt (Seite 9) trägt dafür keinen eigenen Block mehr.
 * Germanized blendet in seiner Kopie der Übersicht jede Zeile aus (.wc-block-components-totals-wrapper), nur die Gesamtsumme
 * bleibt – unser Bonus-Block ist keine solche Zeile und stünde dort ein zweites Mal (ab „is-large“; schmaler blendet
 * Germanized die ganze Kopie aus). Der Bonus-Block gehört nur in die Übersicht selbst. */
body.temana-kasse .wp-block-woocommerce-checkout .wc-gzd-checkout-submit .temana-bonus-checkout { display: none; }
