/**
 * LAGO: Warenkorb- und Kassen-Block (SHOP-UX-E, 14.08.2026).
 *
 * Nur eine Aufgabe: der automatische Paketvorteil darf nicht wie ein
 * entfernbarer Gutschein aussehen.
 *
 * **Anker.** Das `aria-label` des Chips bildet WooCommerce aus der
 * Beschriftung (`Remove coupon "%s"` mit `label`), nicht aus dem
 * Coupon-Code. Da unser `coupons`-Filter diese Beschriftung setzt, ist sie
 * ein Anker, den wir selbst bestimmen - und der Teilvergleich `*=` bleibt
 * richtig, ob WooCommerce die Attributvorlage uebersetzt ausliefert oder
 * nicht.
 *
 * **Warum zwei Regeln.** `RemovableChip` legt Klick- und
 * Tastaturbehandlung auf das gesamte Chip-Element und markiert das innere
 * Kreuz mit `aria-hidden`. Nur das Kreuz auszublenden genuegt nicht: ein
 * Klick auf die Beschriftung entfernte den Coupon weiterhin. Deshalb wird
 * zusaetzlich die Interaktion abgeschaltet.
 *
 * Manuell eingegebene Gutscheine tragen eine andere Beschriftung, treffen
 * den Selektor nicht und bleiben vollstaendig entfernbar.
 */

.wc-block-components-totals-discount__coupon-list-item[aria-label*="Paketvorteil"] .wc-block-components-chip__remove,
.wc-block-components-totals-discount__coupon-list-item[aria-label*="Paketvorteil"] .wc-block-components-chip__remove-icon {
	display: none !important;
}

.wc-block-components-totals-discount__coupon-list-item[aria-label*="Paketvorteil"] {
	pointer-events: none;
	cursor: default;
	padding-right: 0.75em;
}

/*
 * Sicherungsnetz: sollte das Attribut wider Erwarten nicht am Listenelement
 * selbst haengen, greift dieselbe Regel ueber ein Kindelement. Trifft
 * hoechstens dasselbe Element doppelt und richtet keinen Schaden an.
 */
.wc-block-components-totals-discount__coupon-list-item:has([aria-label*="Paketvorteil"]) .wc-block-components-chip__remove {
	display: none !important;
}

.wc-block-components-totals-discount__coupon-list-item:has([aria-label*="Paketvorteil"]) {
	pointer-events: none;
	cursor: default;
}

/* ---------- Schwebende Feldbeschriftung (SHOP-UX-G, 14.08.2026) ---------- */

/**
 * **Befund.** Im Gutscheinfeld lagen Beschriftung und Eingabe uebereinander:
 * "Code eingeben" blieb auf dem getippten Text liegen, statt nach oben zu
 * wandern. Betroffen ist nicht nur der Gutscheincode, sondern **jedes** Feld
 * dieser Bauart - im Checkout also auch Anschrift, E-Mail und Telefon.
 *
 * **Ursache, gemessen.** Der Block arbeitet korrekt: `is-active` wird am
 * Feld gesetzt, sobald es gefuellt ist (belegt am ausgelieferten DOM).
 * WooCommerce hebt die Beschriftung daraufhin an:
 *
 *   .wc-block-components-text-input.is-active label { top:6px; transform:scale(.82) }
 *
 * WoodMart setzt jedoch **bedingungslos** dagegen:
 *
 *   :is(div.wc-block-checkout,div.wc-block-cart) .wc-block-components-text-input>label { top:21px }
 *
 * und bringt fuer `is-active` keine eigene Regel mit. Entscheidend ist dabei
 * nicht die Ladereihenfolge, sondern die Spezifitaet: `:is()` uebernimmt den
 * Wert seines staerksten Arguments (`div.wc-block-cart`), womit die
 * Themeregel 0,2,2 erreicht und die WooCommerce-Regel mit 0,2,1 schlaegt -
 * in jeder Reihenfolge.
 *
 * **Korrektur.** Der Originalzustand wird wiederhergestellt, nicht neu
 * erfunden: dieselben Werte wie in der WooCommerce-Regel, nur mit
 * ausreichender Spezifitaet (0,3,2). Deshalb kein `!important` - die Regel
 * gewinnt aus eigener Kraft und bleibt fuer spaetere Anpassungen
 * ueberschreibbar.
 *
 * Der Ruhezustand bleibt unberuehrt: solange das Feld leer ist, sitzt die
 * Beschriftung dort, wo WoodMart sie vorsieht.
 *
 * Die zweite Zeile deckt das automatische Ausfuellen durch den Browser ab -
 * dort setzt WooCommerce dieselbe Anhebung ueber den Nachbarselektor, weil
 * `is-active` in diesem Fall nicht greift.
 *
 * Die Eingabepolsterung ist **nicht** betroffen: WoodMart ueberschreibt am
 * Feld nur `font-size`, und an der Beschriftung `color`, `line-height` und
 * `top`. WooCommerces `padding:24px 9px 8px` fuer den aktiven Zustand bleibt
 * wirksam.
 */

:is( div.wc-block-checkout, div.wc-block-cart ) .wc-block-components-text-input.is-active > label,
:is( div.wc-block-checkout, div.wc-block-cart ) .wc-block-components-text-input input:-webkit-autofill + label {
	top: 6px;
	transform: scale( .82 );
}
