/* ============================================================
   EMEU WOO v1.6.1 — WooCommerce-Anschluss an das Haus-Design
   v1.6.1 (Lumina-Setzung 2026-09-05 03:4x): Hinweise align-items center
   (Symbol klebte oben); Netz fuer Woo-Boxen ohne Haus-Markup (Vorlagen,
   die den Hinweis direkt drucken: Zahlungsarten, Bestell-Pruefung) mit
   derselben Optik, Symbol ueber ::before als Maske. Abschnitt am Ende.
   v1.6.0 (Lumina-Auftrag 2026-09-05): KLASSISCHE HINWEISE (woocommerce-info,
   -message, -error: Bestellungen ohne Bestellung, Bestell-Aenderungen,
   Adress-Speichern, Formular-Fehler) im Haus-Design — Karten-Grund,
   Status-Kante links, Haus-Symbol, Knopf rechts statt Woo-Float; Markup
   aus dem Baustein emeu-woo-hinweise. Abschnitt am Ende.
   v1.5.5 (2026-09-05): Laender-/Bundesland-Auswahl (selectWoo) — Ruhe ohne
   Woos Platzhalter-Text (lag unter dem ruhenden fliegenden Label, gemessen
   03:26 mit Skripten), Flug bei Fokus oder offener Liste, gewaehlter Wert
   unter dem geflogenen Label. Abschnitt am Ende.
   v1.5.4 (2026-09-05): Auge-Knopf min-height 0 — die Haus-Knopf-Regel
   (core-elements, button min-height 48px) machte ihn 48 statt 32 Pixel hoch
   (gemessen 03:24 mit laufenden Skripten).
   v1.5.3 (2026-09-05): Passwort-Felder der Konto-Formulare — Woo haengt per
   Skript den Auge-Knopf an die Feld-Huelle (Baustein v1.1.1 laesst Woos
   eigenen Rahmen weg): Knopf im Haus-Kleid mit Haus-Symbol, Platz rechts im
   Feld, Staerke-Anzeige und Hinweis als Haus-Zeilen. Abschnitt am Ende.
   v1.5.2 (2026-09-05): Konto-Details (form.edit-account) im selben Raster wie
   das Adress-Formular — Woo baut die Felder dort ohne Feld-Filter, der
   Baustein v1.1.0 baut sie im Puffer um; Clear-Divs aus, Passwort-Fieldset
   ohne Rahmen mit Haus-Legende. Abschnitt am Ende.
   v1.5.1 (2026-09-05): Woo-Feld-Regel-Netz — woocommerce.css schlug mit
   .woocommerce form .form-row .input-text (0,3,1) die Haus-Feld-Optik
   (Grund #fff, Rand rgba(32,7,7,.8), Radius 4px, Padding 0.5em, gemessen
   03:0x). Netz mit 0,4,2 traegt Grund, Rand, Radius, Farbe, Padding,
   Innen-Flug, Fokus und Fehler der Konto-Formulare. Abschnitt am Ende.
   v1.5.0 (Lumina-Setzung 2026-09-05): ADRESSEN in Mein Konto — die
   Uebersicht als Karten (Raster, Karten-Flaeche, Titelzeile mit Bearbeiten-
   Link), die Formulare (Adresse, Konto-Details) im Haus-Feld-Markup des
   Bausteins emeu-woo-konto-formulare: Feld-Raster zwei Spalten, Woo-Zeilen-
   Regeln aus, Laender-Auswahl (selectWoo) im Haus-Kleid mit fliegendem Label.
   Abschnitt am Ende der Datei.
   v1.4.1 (2026-09-05): Grid-Bereiche fuer Navigation und Inhalt, weitere
   Kinder des Wrappers ueber die volle Breite, Woo-Clearfix-Pseudoelemente
   am Raster-Wrapper aus — das ::before hatte die erste Zelle belegt und
   Navigation und Inhalt verschoben (gemessen 02:36).
   v1.4.0 (Lumina-Setzung 2026-09-05, S129 Nacht): KONTO-NAVIGATION im
   Haus-Design — Zwei-Spalten-Ordnung ab 1024px (haftende Navigations-
   Spalte 240 bis 280px, Inhalt daneben) statt der Woo-Floats; Eintraege
   als ruhige Zeilen mit Feld-Radius, Hover Feld-Flaeche, aktiv Karten-
   Flaeche plus Primaer-Balken, Fokus-Ring, Abmelden abgesetzt; unter
   1024px eine Spalte und eine wischbare Pillen-Reihe (aktiv gefuellt in
   der Primaerfarbe). Nur Kontext- und Haus-Token. Abschnitt am Ende.
   v1.3.0 (2026-09-04): Knopf-Geometrie in die Buttons-und-Links-
   Verwaltung ueberfuehrt (Generat core-elements.css); hier bleiben
   Mengen-Steuerelement und Kontext-Anschluss.
   v1.2.1 (2026-09-04): Mengen-Steuerelement liest die Kontext-Farben
   direkt (wie forms v2.2.3), Fokus in --color-primary.
   v1.2.0 (Lumina-Setzung 2026-09-04): KONTEXT-ANSCHLUSS — alle Woo-
   Formular-Komponenten lesen die Haus-Token (Feld-Grund, Rand, Text,
   Karte, Signal); der EMEU Seiten-Kontext (on-light/on-dark am Body)
   schaltet damit auch Felder, Kaestchen, Radios, Zeilen und die
   Bestelluebersicht. Abschnitt am Ende der Datei.
   v1.1.0 (Lumina-Setzung 2026-09-04): MENGEN-STEUERELEMENT im Haus-
   Stepper-Kleid (Token aus forms/emeu-forms.css v2.2.2): Kasten und
   Rand weg, Minus und Plus als runde 32px-Knoepfe mit unseren Symbolen
   (Maske aus denselben SVG-Pfaden wie emeu_chip_icon), Zahl als
   schlanke Eingabe dazwischen. Woo-Verhalten und Barrierefreiheit
   bleiben, nur die Optik wechselt. Befund vorher: 107 mal 70px, weil
   die universelle Feld-Regel die Zahlen-Eingabe auf 50px plus 12/16
   aufblies; Woo-Textzeichen ohne Rand in einem 4px-Kasten.
   (Lumina-Setzung 2026-09-04 14:0x, S129): Knoepfe von WooCommerce
   tragen generell Hoehe 48px und Vollrundung (999px, wie die Pillen
   des Hauses: Burger, Filterknopf).

   STATUS QUO VOR DIESER DATEI (gemessen im Edge mit gefuelltem
   Testkorb, 14:0x): vier verschiedene Knopf-Bilder auf drei Seiten —
   Warenkorb "Weiter zur Kasse" (a.wc-block-components-button.contained)
   54,7px hoch, Radius 0, Woo-Grund #32373c; Kasse "Buy Now" (button,
   Kit-Regel greift) 42px, Radius 40px; Produktseite "In den Warenkorb"
   (single_add_to_cart_button) 48px, Radius 999px; "Warenkorb anzeigen"
   (a.button.wc-forward) 38px, Radius 3px, Woo-Grund grau. Ursache: die
   Kit-Regel .elementor-kit-83 button trifft nur button/input-Elemente,
   Woo rendert viele Knoepfe als a-Elemente mit eigener Optik.

   BAUART: ein Token-Satz (:root) plus eine Geometrie-Regel fuer die
   Block-Knoepfe und eine fuer die klassischen Knoepfe. Spezifitaets-
   Netz (Klasse dreifach, 0,4,x) schlaegt Woo (0,2,0 bis 0,3,0) und das
   Kit (0,1,1) reihenfolge-unabhaengig, ohne important — Hand-Schicht
   und Editor-Werte am Element behalten das letzte Wort. Nur GEOMETRIE:
   Farben, Schrift und Zustaende bleiben bei Kit und Woo (Setzung
   beschraenkt sich auf Hoehe und Rundung). Mengen-Schalter (plus/minus)
   und Text-Link-Knoepfe (is-link) sind bewusst ausgenommen.
   ============================================================ */

/* Knopf-Geometrie (48px, vollrund, Padding 24) seit v1.3.0 in der
   Buttons-und-Links-Verwaltung (core-elements-Generat) — eine Wahrheit. */

/* --- Mengen-Steuerelement (v1.1.0): Haus-Stepper-Optik ------------
   Gewichte: Container 0,3,0 gegen Woo :where (0,1,0); Knoepfe 0,4,0
   gegen Woo 0,2,0 und Kit-Hover 0,2,1; Eingabe 0,4,1 gegen die Kit-
   Eingabe-Regel (0,3,1) und die universelle Feld-Regel. */
.wc-block-components-quantity-selector.wc-block-components-quantity-selector.wc-block-components-quantity-selector {
  display: inline-flex;
  align-items: center;
  gap: var(--form-stepper-gap, 0.9rem);
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--form-stepper-size, 32px);
  height: var(--form-stepper-size, 32px);
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border, var(--neutral-d-16, #5c5c5c));
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  font-size: 0;            /* Woo-Textzeichen aus dem Bild, Symbol kommt als Maske */
  line-height: 0;
  opacity: 1;
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button::before {
  content: "";
  display: block;
  width: var(--form-stepper-icon, 10px);
  height: var(--form-stepper-icon, 10px);
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M0 256c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 272c-8.8 0-16-7.2-16-16z' fill='black'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M0 256c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 272c-8.8 0-16-7.2-16-16z' fill='black'/></svg>") center / contain no-repeat;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus.wc-block-components-quantity-selector__button--plus.wc-block-components-quantity-selector__button--plus::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M272 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 224-224 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l224 0 0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224 224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-224 0 0-224z' fill='black'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M272 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 224-224 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l224 0 0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224 224 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-224 0 0-224z' fill='black'/></svg>") center / contain no-repeat;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button:hover:not(:disabled),
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button:focus-visible {
  border: 1px solid var(--color-text-muted, var(--neutral-d-9, #a3a3a3));
  border-radius: 50%;
  background: transparent;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  box-shadow: none;
  outline: none;
  opacity: 1;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button:disabled {
  opacity: 0.35;
  cursor: default;
  background: transparent;
  border-radius: 50%;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input.wc-block-components-quantity-selector__input.wc-block-components-quantity-selector__input {
  box-sizing: border-box;
  flex: none;
  width: var(--form-stepper-wert-breite, 4.5em);
  min-width: 0;
  height: var(--form-stepper-size, 32px);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  font-size: inherit;
  line-height: 1;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input.wc-block-components-quantity-selector__input.wc-block-components-quantity-selector__input:focus {
  outline: 2px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  outline-offset: 2px;
  border-radius: 4px;
  box-shadow: none;
}

/* --- Kontext-Anschluss (v1.2.0, Lumina-Setzung 2026-09-04): WooCommerce-
   Block-Komponenten lesen die Haus-Token der Kontext-Schicht (Seiten-
   Grund, Feld-Grund, Rand, Text, Karte, Signal) statt ihrer Festfarben —
   damit schaltet der EMEU Seiten-Kontext (Body-Klasse on-light oder
   on-dark, Standard Dunkel) auch Felder, Kaestchen, Radios, Zeilen und
   Uebersicht mit. Befund vorher (Kasse, Standard Dunkel): Felder weiss,
   Auswahlfeld weiss, Kaestchen und Radios weiss, Versand- und Zahlungs-
   Zeilen hellgrau mit hellem Text, Bestelluebersicht hellgrau mit hellem
   Text, Dokan-Versandbox creme. Gewichte 0,4,x gegen Woo (bis 0,3,1),
   ohne important. Grenze: PayPal-Kartenfelder sind Iframes (Plugin-
   Konfiguration, kein CSS). --------------------------------------- */

/* Eingabefelder (Text, E-Mail, Telefon, Zahl, Passwort, URL) */
.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input input {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: var(--form-field-border-width, 1px) solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
  box-shadow: none;
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input input:focus {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: var(--form-field-border-width, 1px) solid var(--color-primary, var(--dna-signal, #e9ff2e));
  box-shadow: 0 0 0 var(--form-focus-width, 2px) var(--shadow-focus, color-mix(in srgb, #e9ff2e 25%, transparent));
  outline: none;
}

/* Browser-Autofill haelt sonst einen hellen Grund. */
.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-bg-field, var(--neutral-d-22, #1f1f1f)) inset;
  -webkit-text-fill-color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  caret-color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

/* Labels: gedaempft in Ruhe, Text-Farbe im Flug, Signal im Fokus (Kerbe-Logik) */
.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input label {
  color: var(--color-text-muted, var(--neutral-d-12, #858585));
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.is-active label {
  color: var(--color-text-muted, var(--neutral-d-9, #a3a3a3));
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input:focus-within label {
  color: var(--color-primary, var(--dna-signal, #e9ff2e));
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.has-error input {
  border-color: var(--color-error, #d9534f);
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.has-error label {
  color: var(--color-error, #d9534f);
}

/* Textbereich (Bestellhinweis) */
.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: var(--form-field-border-width, 1px) solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
}

.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea:not(:placeholder-shown) {
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea:focus {
  border-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  box-shadow: 0 0 0 var(--form-focus-width, 2px) var(--shadow-focus, color-mix(in srgb, #e9ff2e 25%, transparent));
  outline: none;
}

/* Auswahlfeld (Land, Region) */
.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__container {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: var(--form-field-border-width, 1px) solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
  box-shadow: none;
}

.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__container:focus-within {
  border-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  box-shadow: 0 0 0 var(--form-focus-width, 2px) var(--shadow-focus, color-mix(in srgb, #e9ff2e 25%, transparent));
}

.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__select {
  background: transparent;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 0;
  box-shadow: none;
  outline: none;
}

.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__select option {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__label {
  color: var(--color-text-muted, var(--neutral-d-12, #858585));
}

.wc-blocks-components-select.wc-blocks-components-select.wc-blocks-components-select .wc-blocks-components-select__expand {
  fill: currentColor;
  color: var(--color-text-muted, var(--neutral-d-9, #a3a3a3));
}

/* Kaestchen: Feld-Grund mit Rand, angehakt Signal-Grund mit Tinten-Haken (wie Login-Seite) */
.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: 4px;
  box-shadow: none;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background: var(--color-primary, var(--dna-signal, #e9ff2e));
  border-color: var(--color-primary, var(--dna-signal, #e9ff2e));
}

.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus {
  outline: 2px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  outline-offset: 2px;
}

.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  fill: var(--dna-ink, #171916);
}

.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox label,
.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-checkbox__label {
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

/* Radios: Feld-Grund mit Rand, gewaehlt Signal-Rand plus Signal-Punkt */
.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__input {
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  box-shadow: none;
}

.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
  border: 1px solid var(--color-primary, var(--dna-signal, #e9ff2e));
}

.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
  background: var(--color-primary, var(--dna-signal, #e9ff2e));
}

.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
  outline: 2px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  outline-offset: 2px;
}

/* Versand- und Zahlungs-Zeilen: Karten-Grund mit Rand statt Hellgrau */
.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control-accordion-content.wc-block-components-radio-control-accordion-content.wc-block-components-radio-control-accordion-content {
  background-color: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__option-checked {
  background-color: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__description,
.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control.wc-block-components-radio-control.wc-block-components-radio-control .wc-block-components-radio-control__secondary-description {
  color: var(--color-text-muted, var(--neutral-d-9, #a3a3a3));
}

/* Bestelluebersicht plus Mengen-Plakette: Karten-Grund statt Hellgrau */
.wc-block-components-order-summary.wc-block-components-order-summary.wc-block-components-order-summary,
.wc-block-components-order-summary.wc-block-components-order-summary.wc-block-components-order-summary.is-large {
  background-color: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

.wc-block-components-order-summary-item__quantity.wc-block-components-order-summary-item__quantity.wc-block-components-order-summary-item__quantity {
  background-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  color: var(--dna-ink, #171916);
  border: 0;
  box-shadow: none;
}

.wc-block-components-order-summary-item__description.wc-block-components-order-summary-item__description,
.wc-block-components-product-metadata.wc-block-components-product-metadata {
  color: var(--color-text-muted, var(--neutral-d-9, #a3a3a3));
}

/* Hinweis-Boxen (Info, Erfolg, Fehler): Karten-Grund mit Status-Kante links */
.wc-block-components-notice-banner.wc-block-components-notice-banner.wc-block-components-notice-banner {
  background-color: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-left: 4px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  border-radius: var(--form-field-radius, 8px);
}

.wc-block-components-notice-banner.wc-block-components-notice-banner.wc-block-components-notice-banner.is-success { border-left-color: var(--color-success, #2e7d32); }
.wc-block-components-notice-banner.wc-block-components-notice-banner.wc-block-components-notice-banner.is-error { border-left-color: var(--color-error, #d9534f); }
.wc-block-components-notice-banner.wc-block-components-notice-banner.wc-block-components-notice-banner > svg { fill: currentColor; }

/* Dokan: Versand-Restbetrag-Box (Creme) in Karten-Grund */
.dokan-shipping-remaining-amount.dokan-shipping-remaining-amount.dokan-shipping-remaining-amount {
  background-color: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
}

.dokan-shipping-remaining-amount.dokan-shipping-remaining-amount.dokan-shipping-remaining-amount a {
  color: var(--color-link, var(--dna-signal, #e9ff2e));
}


/* --- Konto-Navigation (v1.4.0, Lumina-Setzung 2026-09-05): Mein Konto im Haus-Design ---
   Woo rendert nav.woocommerce-MyAccount-navigation > ul > li.woocommerce-MyAccount-navigation-link > a
   neben div.woocommerce-MyAccount-content, beide als Floats (30 zu 68 Prozent). Hier: Grid-Ordnung
   nur dort, wo die Navigation wirklich steht (Konto eingeloggt; die Anmelde-Seite bleibt unberuehrt),
   Eintraege aus den Kontext-Token, damit on-light und on-dark gleich stimmig sind. */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
  display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
  grid-template-areas: "navigation inhalt";
  column-gap: var(--spacing-md, 2rem);
  row-gap: var(--spacing-sm, 1.5rem);
  align-items: start;
}

body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-navigation {
  grid-area: navigation;
}

body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content {
  grid-area: inhalt;
}

/* Weitere Kinder des Wrappers (z.B. Hinweis-Container) laufen ueber die volle Breite, ohne die Spalten zu verschieben. */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content) {
  grid-column: 1 / -1;
}

/* Woo-Clearfix (::before und ::after mit display table) wuerde im Raster zu leeren Zellen — ohne Floats entbehrlich. */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
  display: none;
  content: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: auto;
  min-width: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 7rem; /* unter dem haftenden Header (84px, ab Widescreen 64px) plus Luft */
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  margin: 0;
  padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: var(--form-field-radius, 8px);
  color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a));
  background: transparent;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.3;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a:hover {
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus, 0 0 0 3px var(--color-focus-ring, var(--color-primary, #e9ff2e)));
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a {
  background: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--color-primary, var(--dna-signal, #e9ff2e));
}

body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-divider, var(--color-border, var(--neutral-d-19, #3d3d3d)));
}

@media (max-width: 1023px) {
  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "navigation" "inhalt";
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    position: static;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    flex: 0 0 auto;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a {
    white-space: nowrap;
    padding: 0.5rem 0.9rem;
    border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
    border-radius: 999px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a {
    background: var(--color-primary, var(--dna-signal, #e9ff2e));
    color: var(--color-on-primary, var(--dna-ink, #101010));
    border-color: transparent;
    box-shadow: none;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}


/* --- Adress-Uebersicht als Karten (v1.5.0, Lumina-Setzung 2026-09-05) -----------------------
   Woo: div.woocommerce-Addresses.col2-set > div.woocommerce-Address (Floats mit Clearfix) >
   header.woocommerce-Address-title (h2 plus a.edit) + address. */
body.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: var(--spacing-sm, 1.5rem);
  width: auto;
}

body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after {
  display: none;
  content: none;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  float: none;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  background: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  border: 1px solid var(--color-border-subtle, var(--color-border, var(--neutral-d-19, #3d3d3d)));
  border-radius: var(--radius-section, 20px);
  padding: var(--spacing-xs, 1.25rem) var(--spacing-sm, 1.5rem);
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 0.75rem;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-headline, var(--color-text, var(--neutral-d-4, #d6d6d6)));
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit {
  color: var(--color-link, var(--dna-signal, #e9ff2e));
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.18s ease;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit:hover {
  border-bottom-color: currentColor;
}

body.woocommerce-account .woocommerce-Address address {
  font-style: normal;
  line-height: 1.6;
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

/* --- Konto-Formulare (v1.5.0): Haus-Feld-Markup aus emeu-woo-konto-formulare ------------
   form.emeu-form.emeu-form--innen.emeu-woo-form > .woocommerce-address-fields > __field-wrapper >
   p.form-row.emeu-woo-feld > label.screen-reader-text + span.woocommerce-input-wrapper > span.emeu-feld >
   Steuerelement + span.emeu-flug. Die Feld-Optik kommt aus forms/emeu-forms.css (Innen-Modus). */
body.woocommerce-account .emeu-woo-form .woocommerce-address-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--form-gap, 1rem);
  align-items: start;
}

@media (max-width: 560px) {
  body.woocommerce-account .emeu-woo-form .woocommerce-address-fields__field-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.woocommerce-account .emeu-woo-form p.form-row {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

body.woocommerce-account .emeu-woo-form p.form-row:not(.form-row-first):not(.form-row-last) {
  grid-column: 1 / -1;
}

body.woocommerce-account .emeu-woo-form p.form-row.hidden {
  display: none;
}

body.woocommerce-account .emeu-woo-form .woocommerce-input-wrapper {
  display: block;
}

body.woocommerce-account .emeu-woo-form .emeu-feld {
  display: block;
  line-height: 1.4;
}

body.woocommerce-account .emeu-woo-form .emeu-flug__pflicht {
  color: var(--color-primary, var(--dna-signal, #e9ff2e));
}

body.woocommerce-account .emeu-woo-form .description {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.875rem;
  color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a));
}

/* Woo-Fehlerzustand (validate-required.woocommerce-invalid) auf das Haus-Feld */
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld > input,
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld > select,
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld > textarea {
  border-color: var(--color-error, #e5484d);
}

/* Laender- und Bundesland-Auswahl: selectWoo (select2) im Haus-Kleid. Das native select bleibt im
   DOM (select2-hidden-accessible), das fliegende Label liest weiter :has(> select option:checked). */
body.woocommerce-account .emeu-woo-form .emeu-feld > select.select2-hidden-accessible {
  position: absolute;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container {
  display: block;
  width: 100% !important;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default .select2-selection--single {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: var(--form-field-height, 50px);
  padding: 24px 2.75rem 8px var(--form-field-pad-inline, 1rem);
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  border: var(--form-field-border-width, 1px) solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  box-shadow: var(--shadow-focus, none);
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.3;
  color: inherit;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: transparent; /* das fliegende Label traegt den Text */
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 1rem;
  height: 100%;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a)) transparent transparent transparent;
}

/* Die Auswahl-Liste haengt select2 an den body */
body.woocommerce-account .select2-container--default .select2-dropdown {
  background: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--form-field-radius, 8px);
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  overflow: hidden;
}

body.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
}

body.woocommerce-account .select2-container--default .select2-results__option {
  padding: 0.6rem 0.9rem;
}

body.woocommerce-account .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-account .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

body.woocommerce-account .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-account .select2-container--default .select2-results__option--selected {
  background: var(--color-primary, var(--dna-signal, #e9ff2e));
  color: var(--color-on-primary, var(--dna-ink, #101010));
}


/* --- Woo-Feld-Regel-Netz (v1.5.1, Regel-Finder 2026-09-05 03:0x) ---------------------------
   woocommerce.css setzt mit .woocommerce form .form-row .input-text und ... select (0,3,1)
   Grund #fff, Rand rgba(32,7,7,.8), Radius 4px, Padding 0.5em und Farbe #000 — und schlaegt
   damit die Haus-Regeln der Kontext-Schicht (0,1,1) und des Formular-Bausteins (0,1,1 bis
   0,2,1). Dieses Netz traegt die Haus-Feld-Optik mit 0,4,2 reihenfolge-unabhaengig darueber.
   Es liest dieselben Token wie forms/emeu-forms.css (Innen-Modus ueber .emeu-form--innen). */
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > input,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > select,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  background-color: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  border-width: var(--form-field-border-width, 1px);
  border-style: solid;
  border-color: var(--form-field-border-color, var(--color-border, var(--neutral-d-19, #3d3d3d)));
  border-radius: var(--form-field-radius, 8px);
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  font-family: inherit;
  font-size: var(--text-body, 16px);
  font-weight: 300;
  line-height: 1.4;
  padding: var(--form-field-pad-block, 0.65rem) var(--form-field-pad-inline, 1rem);
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color var(--duration-medium, 200ms) var(--ease-default, ease),
              box-shadow var(--duration-medium, 200ms) var(--ease-default, ease),
              padding-top 0.4s ease-in-out,
              padding-bottom 0.4s ease-in-out;
}

body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > input,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > select {
  height: var(--form-field-height, 50px);
  min-height: var(--form-field-height, 50px);
}

body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > textarea {
  height: auto;
  min-height: 120px;
  resize: vertical;
}

/* Natives select (ohne selectWoo): Platz plus Pfeil rechts, weil appearance none den Browser-Pfeil nimmt */
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > select {
  padding-right: 2.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%239a9a9a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 14px 9px;
}

/* Innen-Flug: der Wert rueckt unter das Label — dieselben Zustands-Selektoren wie der Baustein */
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > input:focus,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > input:not(:placeholder-shown),
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > textarea:focus,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > textarea:not(:placeholder-shown),
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld:has(> select:focus) > select,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld:has(> select option:checked:not([value=""])) > select {
  padding-top: var(--form-feld-pad-top-aktiv, var(--form-field-pad-block, 0.65rem));
  padding-bottom: var(--form-feld-pad-bottom-aktiv, var(--form-field-pad-block, 0.65rem));
}

/* Fokus: Signal-Rand plus Fokus-Schatten wie in der Kontext-Schicht */
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > input:focus,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > select:focus,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld > textarea:focus {
  border-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  box-shadow: 0 0 0 var(--form-focus-width, 3px) var(--shadow-focus, transparent);
}

/* Fehler bleibt rot: Woo (validate-required.woocommerce-invalid) und Haus (ist-fehler) */
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld.emeu-feld > input,
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld.emeu-feld > select,
body.woocommerce-account .emeu-woo-form p.form-row.woocommerce-invalid .emeu-feld.emeu-feld > textarea,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld.ist-fehler > input,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld.ist-fehler > select,
body.woocommerce-account .emeu-woo-form .emeu-feld.emeu-feld.ist-fehler > textarea {
  border-color: var(--color-error, #d9534f);
}


/* --- Konto-Details-Formular (v1.5.2): form.edit-account.emeu-woo-form ----------------------
   .emeu-form ist bereits ein Raster (gap --form-gap); hier zwei Spalten wie im Adress-Formular.
   Vorname/Nachname (form-row-first/-last) nebeneinander, alles andere volle Breite. */
body.woocommerce-account form.edit-account.emeu-woo-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

body.woocommerce-account form.edit-account.emeu-woo-form > :not(.form-row-first):not(.form-row-last) {
  grid-column: 1 / -1;
}

@media (max-width: 560px) {
  body.woocommerce-account form.edit-account.emeu-woo-form {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Woo-Clear-Divs zwischen den Zeilen sind im Raster leere Zellen */
body.woocommerce-account form.edit-account.emeu-woo-form > .clear {
  display: none;
}

/* Passwort-Block: Fieldset ohne Rahmen, Legende als Zwischen-Titel, Felder untereinander */
body.woocommerce-account form.edit-account.emeu-woo-form > fieldset {
  display: grid;
  gap: var(--form-gap, 1rem);
  margin: var(--spacing-xs, 1.25rem) 0 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

body.woocommerce-account form.edit-account.emeu-woo-form > fieldset > legend {
  padding: 0;
  margin: 0 0 0.25rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-headline, var(--color-text, var(--neutral-d-4, #d6d6d6)));
}

body.woocommerce-account form.edit-account.emeu-woo-form > p:last-child {
  margin: var(--spacing-xs, 1.25rem) 0 0;
}


/* --- Passwort-Felder (v1.5.3): Auge-Knopf von Woo an der Haus-Huelle ------------------------
   woocommerce.js haengt button.show-password-input an den Passwort-Rahmen; der Baustein (v1.1.1)
   laesst Woos eigenen Rahmen weg, so wird die Haus-Huelle .emeu-feld selbst zum Rahmen (Woo gibt
   ihr die Klasse password-input). Woos Knopf-Regel (0,2,1) faerbt das Symbol mit --wc-form-color-text
   (schwarz) — hier Haus-Symbol in Kontext-Farbe, Platz rechts im Feld, Fokus-Ring. */
body.woocommerce-account .emeu-woo-form .emeu-woo-feld--password .emeu-feld.emeu-feld > input {
  padding-right: 3.25rem;
}

body.woocommerce-account .emeu-woo-form .emeu-woo-feld--password .emeu-feld > input::-ms-reveal {
  display: none;
}

body.woocommerce-account .emeu-woo-form .emeu-feld.password-input {
  display: block;
  position: relative;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  min-height: 0;                  /* Haus-Knopf-Regel (core-elements) gibt button min-height 48px */
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a));
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--duration-medium, 200ms) var(--ease-default, ease);
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E");
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input:hover::before,
body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input:focus-visible::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23d6d6d6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input.display-password:hover::before,
body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input.display-password:focus-visible::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23d6d6d6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E");
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input:focus {
  outline: none;
}

body.woocommerce-account .emeu-woo-form .emeu-feld .show-password-input:focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary, var(--dna-signal, #e9ff2e));
}

/* Staerke-Anzeige (password-strength-meter.js haengt sie hinter die Huelle) und Hinweis als Haus-Zeilen */
body.woocommerce-account .emeu-woo-form .woocommerce-password-strength {
  display: block;
  margin: 0.5rem 0 0;
  padding: 0.35rem 0.75rem;
  border: 0;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  background: var(--color-bg-field, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
}

body.woocommerce-account .emeu-woo-form .woocommerce-password-strength.short,
body.woocommerce-account .emeu-woo-form .woocommerce-password-strength.bad {
  background: var(--color-error, #d9534f);
  color: #fff;
}

body.woocommerce-account .emeu-woo-form .woocommerce-password-strength.good {
  background: var(--color-warning, #e8b23a);
  color: var(--dna-ink, #101010);
}

body.woocommerce-account .emeu-woo-form .woocommerce-password-strength.strong {
  background: var(--color-primary, var(--dna-signal, #e9ff2e));
  color: var(--color-on-primary, var(--dna-ink, #101010));
}

body.woocommerce-account .emeu-woo-form .woocommerce-password-hint {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a));
}


/* --- Auswahl-Felder mit selectWoo (v1.5.5): Ruhe, Fokus, Wert -------------------------------
   Das native select bleibt in der Huelle (select2-hidden-accessible), die sichtbare Auswahl ist
   der select2-Container daneben. Woo rendert bei leerem Wert den Text der leeren Option
   ("Land/Region auswaehlen") — im Haus traegt das fliegende Label den Namen, der Text ist in
   Ruhe unsichtbar. Gewaehlter Wert: Label fliegt (Baustein-Regel ueber :has(> select option
   :checked:not([value=""]))), Wert steht darunter (padding 24/8 wie im Innen-Modus). */
body.woocommerce-account .emeu-woo-form .emeu-feld:has(> select option:checked[value=""]) .select2-selection--single .select2-selection__rendered {
  color: transparent;
}

body.woocommerce-account .emeu-woo-form .emeu-feld:has(> select option:checked[value=""]) .select2-container--open .select2-selection--single .select2-selection__rendered,
body.woocommerce-account .emeu-woo-form .emeu-feld:has(> select option:checked[value=""]) .select2-container--focus .select2-selection--single .select2-selection__rendered {
  color: var(--color-text-muted, var(--neutral-d-9, #9a9a9a));
}

/* Fokus oder offene Liste: Label fliegt wie beim Feld-Fokus, Signal-Farbe */
body.woocommerce-account .emeu-woo-form .emeu-feld:has(.select2-container--open) > .emeu-flug,
body.woocommerce-account .emeu-woo-form .emeu-feld:has(.select2-container--focus) > .emeu-flug {
  top: var(--form-flug-top-aktiv, calc(var(--form-field-border-width, 1px) / 2));
  transform: var(--form-flug-transform-aktiv, translateY(-50%) scale(0.75));
  color: var(--color-primary, var(--dna-signal, #e9ff2e));
}

/* Das fliegende Label liegt ueber dem select2-Container (der kommt spaeter im DOM) */
body.woocommerce-account .emeu-woo-form .emeu-feld > .emeu-flug {
  z-index: 2;
  pointer-events: none;
}


/* --- Klassische Hinweise (v1.6.0, Lumina-Auftrag 2026-09-05) --------------------------------
   Woo: div.woocommerce-info | div.woocommerce-message | ul.woocommerce-error > li, hellgrauer Grund
   #f6f5f8, Text #515151, 3px Oberkante in Status-Farbe, Symbol aus der Woo-Schrift absolut links,
   Knopf mit float right (woocommerce.css 0,2,0 plus woocommerce-layout.css 0,3,0). Der Baustein
   emeu-woo-hinweise gibt den Boxen das Haus-Markup (emeu-hinweis, __symbol, __inhalt); hier die
   Optik — dieselbe Familie wie die Block-Hinweise (Karten-Grund, Status-Kante links). */
.emeu-hinweis.emeu-hinweis {
  display: flex;
  align-items: center;             /* Lumina-Setzung 2026-09-05: Symbol mittig zur Box */
  gap: 0.875rem;
  box-sizing: border-box;
  width: auto;
  margin: 0 0 var(--spacing-sm, 1.5rem);
  padding: 1rem 1.25rem;
  background: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-left: 4px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  border-radius: var(--form-field-radius, 8px);
  list-style: none;
  font-size: 1rem;
  line-height: 1.5;
  word-wrap: break-word;
}

/* Woo-Clearfix und Woo-Schrift-Symbol (::before/::after) aus */
.emeu-hinweis.emeu-hinweis::before,
.emeu-hinweis.emeu-hinweis::after {
  content: none;
  display: none;
}

.emeu-hinweis.emeu-hinweis--erfolg { border-left-color: var(--color-success, #2e7d32); }
.emeu-hinweis.emeu-hinweis--fehler { border-left-color: var(--color-error, #d9534f); }

/* Fehler sind eine Liste: die Box traegt Rahmen und Kante, jede Zeile Symbol plus Inhalt */
ul.emeu-hinweis.emeu-hinweis--fehler {
  display: block;
  padding: 0;
}

ul.emeu-hinweis.emeu-hinweis--fehler > li {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  list-style: none !important;
}

ul.emeu-hinweis.emeu-hinweis--fehler > li + li {
  border-top: 1px solid var(--color-border-subtle, var(--color-border, var(--neutral-d-19, #3d3d3d)));
}

/* Haus-Symbol als Maske in Status-Farbe (Kontext-Token, also on-dark und on-light richtig) */
.emeu-hinweis .emeu-hinweis__symbol {
  flex: none;
  display: block;
  width: 22px;
  height: 22px;
  background-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='0.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='0.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
}

.emeu-hinweis--erfolg .emeu-hinweis__symbol {
  background-color: var(--color-success, #2e7d32);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.6L16 9.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.6L16 9.5'/%3E%3C/svg%3E");
}

.emeu-hinweis--fehler .emeu-hinweis__symbol {
  background-color: var(--color-error, #d9534f);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Ccircle cx='12' cy='17' r='0.6' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Ccircle cx='12' cy='17' r='0.6' fill='%23000'/%3E%3C/svg%3E");
}

/* Inhalt: Text und Knopf in einer Zeile, Knopf rechts; auf schmalen Breiten Knopf darunter */
.emeu-hinweis .emeu-hinweis__inhalt {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.emeu-hinweis .emeu-hinweis__inhalt > p {
  margin: 0;
}

.emeu-hinweis .emeu-hinweis__inhalt a:not(.button) {
  color: var(--color-link, var(--dna-signal, #e9ff2e));
}

.emeu-hinweis .emeu-hinweis__inhalt .button.button {
  float: none;
  order: 2;
  margin: 0 0 0 auto;
}

@media (max-width: 560px) {
  .emeu-hinweis .emeu-hinweis__inhalt .button.button {
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
}


/* --- Netz fuer Woo-Boxen ohne Haus-Markup (v1.6.1) -------------------------------------------
   Einige Woo-Vorlagen drucken den Hinweis direkt (Zahlungsarten: p.woocommerce-info "No saved
   methods found"; order/customer-review-order.php) statt ueber wc_print_notice — der Baustein
   emeu-woo-hinweise greift dort nicht. Dieselbe Optik ueber die Woo-Klassen mit :not(.emeu-hinweis),
   Symbol ueber ::before als Maske (Woos Schrift-Symbol wird ersetzt), Knopf rechts. */
.woocommerce-info:not(.emeu-hinweis),
.woocommerce-message:not(.emeu-hinweis),
.woocommerce-error:not(.emeu-hinweis) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.875rem;
  box-sizing: border-box;
  width: auto;
  margin: 0 0 var(--spacing-sm, 1.5rem);
  padding: 1rem 1.25rem;
  background: var(--color-bg-card, var(--neutral-d-22, #1f1f1f));
  color: var(--color-text, var(--neutral-d-4, #d6d6d6));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-left: 4px solid var(--color-primary, var(--dna-signal, #e9ff2e));
  border-radius: var(--form-field-radius, 8px);
  list-style: none;
  font-size: 1rem;
  line-height: 1.5;
  word-wrap: break-word;
}

.woocommerce-message:not(.emeu-hinweis) { border-left-color: var(--color-success, #2e7d32); }
.woocommerce-error:not(.emeu-hinweis) { border-left-color: var(--color-error, #d9534f); }

/* Woos Schrift-Symbol (::before absolut) wird zum Haus-Symbol als Maske; Clearfix ::after aus */
.woocommerce-info:not(.emeu-hinweis)::before,
.woocommerce-message:not(.emeu-hinweis)::before,
.woocommerce-error:not(.emeu-hinweis)::before {
  content: "";
  position: static;
  top: auto;
  left: auto;
  flex: none;
  display: block;
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: var(--color-primary, var(--dna-signal, #e9ff2e));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='0.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='0.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-message:not(.emeu-hinweis)::before {
  background-color: var(--color-success, #2e7d32);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.6L16 9.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.6L16 9.5'/%3E%3C/svg%3E");
}

.woocommerce-error:not(.emeu-hinweis)::before {
  background-color: var(--color-error, #d9534f);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Ccircle cx='12' cy='17' r='0.6' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Ccircle cx='12' cy='17' r='0.6' fill='%23000'/%3E%3C/svg%3E");
}

.woocommerce-info:not(.emeu-hinweis)::after,
.woocommerce-message:not(.emeu-hinweis)::after,
.woocommerce-error:not(.emeu-hinweis)::after {
  content: none;
  display: none;
}

/* Fehler-Listen ohne Haus-Markup: Zeilen mit Trennlinie, Symbol steht vor der ersten Zeile */
ul.woocommerce-error:not(.emeu-hinweis) > li {
  flex: 1 1 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul.woocommerce-error:not(.emeu-hinweis) > li + li {
  padding-top: 0.5rem !important;
  border-top: 1px solid var(--color-border-subtle, var(--color-border, var(--neutral-d-19, #3d3d3d)));
}

.woocommerce-info:not(.emeu-hinweis) a:not(.button),
.woocommerce-message:not(.emeu-hinweis) a:not(.button),
.woocommerce-error:not(.emeu-hinweis) a:not(.button) {
  color: var(--color-link, var(--dna-signal, #e9ff2e));
}

.woocommerce-info:not(.emeu-hinweis) .button.button,
.woocommerce-message:not(.emeu-hinweis) .button.button,
.woocommerce-error:not(.emeu-hinweis) .button.button {
  float: none;
  order: 2;
  margin: 0 0 0 auto;
}

@media (max-width: 560px) {
  .woocommerce-info:not(.emeu-hinweis) .button.button,
  .woocommerce-message:not(.emeu-hinweis) .button.button,
  .woocommerce-error:not(.emeu-hinweis) .button.button {
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
}