/* Block 23 - Zahlungsarten, Alternativ-Adresse /daten-neu/.
 *
 * Angelegt 2026-08-10 nach IZ-Kompass/3_Architekturplan_Kaufstrecke.md,
 * Abschnitt 5, Block 23. Begruendung und Messungen: inc/kauf-schritt-zahlung.php.
 *
 * ALLE Regeln haengen an .iz-kauf-zahlung auf #payment. Diese Klasse setzt die
 * Vorlage checkout/payment.php ausschliesslich auf den Alternativseiten der
 * Bauphase. Damit kann keine Regel dieser Datei die LIVE-Kasse erreichen -
 * dasselbe Sicherungsprinzip wie .iz-kauf-kasse in Block 22.
 *
 * ZU DEN !important: Der Bestand in css/iz-checkout.css setzt die
 * Zahlungsartenliste durchgehend mit !important (Z. 162-283), weil Germanized
 * Pro eigene Basis-Styles gleicher Spezifitaet mitliefert. Wer dort etwas
 * uebersteuern will, kommt ohne !important nicht an. Das ist KEIN Flicken auf
 * einem Flicken (Regel 1): Es wird nichts korrigiert, was heute falsch
 * aussieht - es wird eine Regel, die die LIVE-Kasse weiter braucht, innerhalb
 * der neuen Huelle ausgesetzt. Beim Livegang faellt der Bestandsblock, dann
 * fallen auch diese Ausnahmen.
 *
 * KEIN HEX-LITERAL, KEINE px-SCHRIFTGROESSE. Farben aus css/iz-tokens.css,
 * Groessen aus der Katalogskala (Basis 18 px), Radien nur 4px/3px/50%.
 */

/* --- Die Express-Zeile ------------------------------------------------- */

/* Sie ist eine Zeile der Zahlungsartenliste wie die anderen, aber KEINE
 * Auswahl: Es gibt keinen Radio-Knopf. Deshalb faellt der Platz weg, den die
 * Liste sonst fuer den Knopf freihaelt, und die Zeile wird gestapelt statt
 * nebeneinander gesetzt. */
#payment.iz-kauf-zahlung li.wc_payment_method.iz-kauf-express {
	display: block !important;
	padding: var(--sp-4) var(--sp-6) !important;
}

/* Die Ueberschrift der Zeile. Sie ersetzt das <label> der alten Kachel und
 * traegt dessen Groesse und Gewicht weiter, damit die Zeile sich optisch nicht
 * von PayPal, Karte und SEPA loest. --fs-sm = 0.875rem = 15,75 px bei
 * Basis 18; das <label> der Nachbarzeilen steht auf 16 px. Der Unterschied
 * ist gewollt: Dies ist keine waehlbare Zahlungsart, sondern eine
 * Bereichsueberschrift. */
#payment.iz-kauf-zahlung .iz-kauf-express__titel {
	display: block;
	margin: 0 0 var(--sp-3);
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.4;
	color: var(--iz-text-muted);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* Der Bereich, in den Stripe seine Knoepfe setzt.
 *
 * css/iz-checkout.css Z. 271-273 setzt #iz-express-payment-area auf
 * display:none und zeigt ihn nur bei #payment.iz-consent-given.iz-express-
 * selected. Die zweite Klasse haengt am Radio-Knopf, den es hier nicht mehr
 * gibt - ohne diese Regel bliebe der Bereich also fuer immer verborgen.
 *
 * ==================================================================
 * BINDUNG AN .iz-consent-given AUFGEHOBEN - 2026-08-17, ANWEISUNG CHRISTIAN
 * ==================================================================
 * Wortlaut: "der knopf ist aber erst da, wenn ich die Datenschutzbestimmungen
 * anklicke. Auch totaler bloedsinn. hat vorher auch funktioniert"
 *
 * DIE FRUEHERE BEGRUENDUNG (10.08., hier als ueberholt festgehalten): Ein Klick
 * auf Apple Pay loest die Zahlung unmittelbar aus; der Knopf sollte deshalb so
 * wenig vor der Bestaetigung der Bedingungen erreichbar sein wie der
 * Bestellknopf. Das war eine eigene Verschaerfung, keine Vorgabe - vor dem
 * Umbau war der Knopf sofort da.
 *
 * WARUM DIE VERSCHAERFUNG AUCH SACHLICH SCHADETE: Stripe montiert sein Element
 * beim Seitenaufbau. In einem display:none-Behaelter kann es keine Breite
 * ermitteln und zeichnet Knoepfe mit 0 x 0 Pixel - am 17.08. gemessen. Die
 * Sperre hat den Knopf also nicht nur versteckt, sondern unbrauchbar gemacht.
 *
 * WAS DIE RECHTSPFLICHT WEITERHIN TRAEGT: Die Bestaetigung der Bedingungen wird
 * beim Absenden serverseitig geprueft (checkout-flow.php). Sie haengt nicht an
 * der Sichtbarkeit dieses Bereichs. */
#payment.iz-kauf-zahlung .iz-kauf-express #iz-express-payment-area {
	display: block !important;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
}

/* Der Hinweis, solange die Bedingungen nicht bestaetigt sind. Er verschwindet
 * in dem Moment, in dem die Knoepfe erscheinen - beide Zustaende schliessen
 * einander aus, damit nie eine leere Zeile stehen bleibt. Das war der
 * eigentliche Mangel der alten Kachel. */
/* 2026-08-17: Der Hinweis "Erscheint, sobald Sie die Bedingungen unten
 * bestaetigt haben" ist mit der Aufhebung der Sperre gegenstandslos - die
 * Knoepfe stehen jetzt sofort da. Ein Hinweis, der etwas ankuendigt, was
 * bereits sichtbar ist, verwirrt. Deshalb ausgeblendet statt entfernt: der
 * Text bleibt in der Vorlage, damit die Rueckname eine Zeile ist. */
#payment.iz-kauf-zahlung .iz-kauf-express__hinweis {
	display: none;
}

/* Stripes eigenes Element bringt seine Groessen selbst mit. Hier wird nur der
 * Abstand nach unten genommen, den css/iz-checkout.css setzt - innerhalb der
 * Zeile erzeugt er sonst eine Luecke ueber der Trennlinie zur naechsten
 * Zahlungsart. */
#payment.iz-kauf-zahlung .iz-kauf-express #wc-stripe-express-checkout-element {
	margin: 0;
}