/* ============================================================
   EMEU WOO v1.8.3 — WooCommerce-Anschluss an das Haus-Design
   v1.8.3 (Lumina 2026-09-23 07:3x, Feintuning Mein Konto (b)): KNOEPFE IM KONTO-INHALT ALS KLEINE HAUS-PILLE —
   alle Knoepfe mit der Klasse "button" im Konto-Inhalt (Aenderungen speichern, Zahlungsart hinzufuegen, Adresse
   speichern, Produkte durchsuchen, Hinweis-Knoepfe, Speichern in Partnerschaften und PayPal) standen mit 48 px;
   jetzt 36,8 px wie der feste Platz im Kopf ("Mein Bereich"). Abschnitt am Ende.
   v1.8.2 (Lumina 2026-09-21 15:0x): ANMELDEFORMULAR BEGRENZT UND ZENTRIERT — abgemeldet zeigt Mein Konto
   nur das Anmeldeformular; in der breiten Konto-Karte (Vorhang 1.3.2, 1700 px) lief es ueber die volle
   Breite (gemessen 1227 px). Jetzt hoechstens --emeu-konto-login-breite (30rem), zentriert; das
   Passwort-vergessen-Formular ebenso. Abschnitt am Ende.
   v1.8.1 (Lumina 2026-09-21 14:0x): ADRESS-KAESTEN UNTEREINANDER — in der 768-px-Konto-Karte standen
   Rechnungs- und Lieferadresse in zwei 323-px-Spalten gequetscht; jetzt eine Spalte, Abstand
   --spacing-sm (1.5rem) wie bisher. Abschnitt Adress-Uebersicht als Karten.
   v1.8.0 (Lumina-Setzung 2026-09-20 08:5x): KONTO-INHALT ALS KARTE — die Inhaltsspalte rechts
   (neben der Konto-Navigation) hoechstens 768 px breit, Rahmen mit Rundung, 32px 48px innen;
   unter 1024 px (Navigation oben) 24px 32px, unter 600 px 20px. Abschnitt am Ende.
   v1.7.1 (Lumina-GO 2026-09-19 05:4x): Fehlermeldungen der Block-Kasse sitzen rechts im Feld
   statt darunter (Z-4, Kurzform Pflichtfeld oder Bitte pruefen). Abschnitt am Ende.
   v1.7.0 (Lumina-GO 2026-09-16): Schrift-Anschluss der Woo-Reste. Die Bruecke in
   emeu-schrift.css holt dreiundsiebzig Stellen auf die Haus-Achse; hier kommen die
   zwei Gruppen dazu, die eigene Setzer haben — neunzehn Block-Stellen auf 500
   (Warenkorb 8, Kasse 11) und die Ueberschriften, die der Browser fett macht.
   Die Produktpreise bleiben auf 700 (Lumina-Setzung). Abschnitt am Ende.
   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, var(--emeu-brand-dna-signal) 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, var(--emeu-brand-dna-signal) 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, var(--emeu-brand-dna-signal) 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: var(--w-schrift-regulaer, 300);
  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, var(--emeu-brand-dna-signal))));
}

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: minmax(0, 1fr); /* v1.8.1: eine Spalte — in der 768-px-Karte (v1.8.0) waeren zwei gequetscht */
  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: var(--w-schrift-regulaer, 300);
  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: var(--w-schrift-regulaer, 300);
  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;
  }
}

/* --- Schrift-Anschluss der Woo-Reste (v1.7.0, Lumina-GO 2026-09-16) -------------------------

   Vorgeschichte: Die Haus-Achse (regulaer 300 / betont 600) erreicht die Woo-Flaechen
   seit heute ueber die Bruecke in emeu-schrift.css — ein Schalter, dreiundsiebzig
   Stellen. Zwei Gruppen blieben dabei stehen, weil sie eigene Setzer haben. Hier
   werden sie angeschlossen.

   GRUPPE 1 — die Blocks auf 500 (gemessen: Warenkorb 8, Kasse 11).
   Die neuen WooCommerce-Bloecke bringen font-weight 500 mit — ein Mittelding, das
   unsere Leiter nicht kennt. Die Zuordnung folgt dem, was die Stelle IST, nicht dem,
   was sie wog: Titel, Tabellenkopf und Produktname sind betont, Label und Werte der
   Zwischenzeilen sind Fliesstext. Die Endsumme ist betont, weil sie den Abschluss
   macht — sie ist kein Produktpreis.

   GRUPPE 2 — die zwei fetten Ueberschriften (gemessen: Produktseite 2, Warenkorb 1).
   Produkttitel und "Aehnliche Produkte" standen auf 700, ohne dass es je jemand
   gesetzt haette: h1 und h2 sind im Browser von Haus aus fett. Ein geerbter Wert
   verliert gegen jede direkte Regel — auch gegen die des Browsers. Darum brauchen
   sie eine eigene Zeile.

   NICHT angefasst: die Produktpreise. Sie bleiben auf 700 (Lumina 2026-09-16:
   "Die Preise duerfen gerne auf 700 stehen bleiben") — ein Preis darf lauter sein
   als die Ueberschrift darueber.

   Zur Form: doppelte Klassennamen statt !important. Die Woo-Bloecke setzen ihr
   Gewicht mit mehrteiligen Selektoren — der staerkste im Frontend hat drei Klassen
   plus ein Element. Eine einfache Verdopplung reicht dagegen NICHT (erste Fassung,
   gemessen: griff an acht von neunzehn Stellen nicht). Darum der Verstaerker unten:
   der Block-Container dreimal genannt, plus die Zielklasse. Das steht eine Stufe
   ueber allem, was Woo mitbringt, und bleibt trotzdem auf die zwei Flaechen
   begrenzt — kein !important, das die Tuer fuer alles Weitere zuschlagen wuerde.
   Haus-Form wie in core-elements.css.
   ------------------------------------------------------------------------------------------ */

/* Der Verstaerker als Baustein: WK steht fuer den Warenkorb-Block, KA fuer die Kasse.
   Beide Flaechen brauchen dieselben Regeln, also steht jede Zeile zweimal. */

/* Gruppe 1a — Titel, Koepfe, Produktnamen, Endsumme: betont */
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-title,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-title,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-cart__totals-title,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-cart-items__header th,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-product-name,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-product-name,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-checkout-order-summary__title-text,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-weight: var(--w-schrift-betont, 600);
}

/* Gruppe 1b — Steuerzeile, Versandwahl, Adresskarte, Nebenknopf: Fliesstext */
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-totals-footer-item-tax,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-totals-footer-item-tax,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-radio-control__label,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-radio-control__label,
.wc-block-cart.wc-block-cart.wc-block-cart .wc-block-components-order-summary__button-text,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-order-summary__button-text,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-address-card,
.wc-block-checkout.wc-block-checkout.wc-block-checkout .wc-block-components-address-card__address-section--primary {
  font-weight: var(--w-schrift-regulaer, 300);
}

/* Gruppe 2 — die Ueberschriften, die der Browser fett macht.
   Eng gefasst: nur der Produkttitel und die Ueberschriften der Woo-Abschnitte,
   nicht jede h1 und h2 des Hauses. */
.woocommerce .product_title,
.woocommerce-page .product_title,
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2,
.woocommerce-cart-form__contents ~ h2,
.wc-block-cart h1,
.wc-block-cart h2,
.wc-block-checkout h1,
.wc-block-checkout h2 {
  font-weight: var(--w-schrift-betont, 600);
}

/* --- FEHLERMELDUNGEN IM FELD (v1.7.1, Lumina-GO 2026-09-19 05:4x, Z-4):
   Die Block-Kasse haengt die Pruef-Meldung als Absatz unter das Feld
   (21 px hoch, mit Symbol); die Feld-Huelle waechst von 50 auf 71 px und
   das Raster springt. Jetzt sitzt die Meldung rechts IM Feld: absolut,
   einzeilig, klein, in der Fehlerfarbe, ohne Symbol. Der volle Woo-Text
   bleibt fuer Vorleser im Dokument (Schriftgroesse 0), sichtbar ist die
   Kurzform: "Pflichtfeld" bei leerem Feld, "Bitte pruefen" bei gefuelltem
   Feld (Huelle is-active). Das Feld bekommt rechts Platz, damit die
   Eingabe nicht unter die Meldung laeuft. Kaestchen (AGB) behalten die
   Zeile darunter, kompakt und ohne Symbol. Gewichte 0,4,x gegen Woo,
   ohne important. ------------------------------------------------------ */

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.has-error,
.wc-block-components-combobox.wc-block-components-combobox.wc-block-components-combobox.has-error,
.wc-block-components-select-input.wc-block-components-select-input.wc-block-components-select-input.has-error {
  position: relative;
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input > .wc-block-components-validation-error,
.wc-block-components-combobox.wc-block-components-combobox.wc-block-components-combobox > .wc-block-components-validation-error,
.wc-block-components-select-input.wc-block-components-select-input.wc-block-components-select-input > .wc-block-components-validation-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  max-width: 45%;
  padding: 0 1rem;
  margin: 0;
  pointer-events: none;
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input > .wc-block-components-validation-error p,
.wc-block-components-combobox.wc-block-components-combobox.wc-block-components-combobox > .wc-block-components-validation-error p,
.wc-block-components-select-input.wc-block-components-select-input.wc-block-components-select-input > .wc-block-components-validation-error p {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
  color: transparent;
  white-space: nowrap;
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input > .wc-block-components-validation-error svg,
.wc-block-components-combobox.wc-block-components-combobox.wc-block-components-combobox > .wc-block-components-validation-error svg,
.wc-block-components-select-input.wc-block-components-select-input.wc-block-components-select-input > .wc-block-components-validation-error svg {
  display: none;
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input > .wc-block-components-validation-error p::after,
.wc-block-components-combobox.wc-block-components-combobox.wc-block-components-combobox > .wc-block-components-validation-error p::after,
.wc-block-components-select-input.wc-block-components-select-input.wc-block-components-select-input > .wc-block-components-validation-error p::after {
  content: "Bitte prüfen";
  font-size: 0.75rem;
  line-height: 1;
  font-weight: var(--w-schrift-regulaer, 300);
  letter-spacing: 0.01em;
  color: var(--color-error, #d9534f);
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.has-error:not(.is-active) > .wc-block-components-validation-error p::after {
  content: "Pflichtfeld";
}

.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.wc-block-components-text-input.has-error input {
  padding-right: 7rem;
}

/* Kaestchen: die Zeile darunter bleibt, kompakt und ohne Symbol. */
.wc-gzd-block-checkout-checkboxes .wc-block-components-validation-error,
.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-validation-error {
  margin: 0;
  padding: 0.25rem 0 0;
}

.wc-gzd-block-checkout-checkboxes .wc-block-components-validation-error p,
.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-validation-error p {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--color-error, #d9534f);
}

.wc-gzd-block-checkout-checkboxes .wc-block-components-validation-error svg,
.wc-block-components-checkbox.wc-block-components-checkbox.wc-block-components-checkbox .wc-block-components-validation-error svg {
  display: none;
}


/* --- Konto-Inhalt als Karte (v1.8.0, Lumina-Setzung 2026-09-20 08:5x) ----------------------
   Die Inhaltsspalte rechts stand 979 px breit ohne Rahmen im Raum (gemessen 08:5x als Testkonto,
   1370 px). Lumina: hoechstens 768 px, Rahmen mit Rundung, 32px 48px innen — die begrenzte Breite
   gibt dem Ganzen Uebersicht. Nur dort, wo die Konto-Navigation steht (Anmelde-Seite unberuehrt),
   dieselbe Wurzel wie das Raster oben (Konto-Navigation v1.4.0).
   Masse aus den Haus-Token: --spacing-md 2rem = 32px, --spacing-lg 3rem = 48px, Rundung
   --radius-section 20px wie die Adress-Karten, Rahmen --color-border (on-dark #3d3d3d, on-light
   #cccccc). Aussenmass 768 px (border-box). Der Grund bleibt durchsichtig — Lumina nannte Rahmen,
   Rundung und Innenabstand; ein Karten-Grund waere eine Zeile: background: var(--color-bg-card).
   Kein Aussenabstand (Abstands-Doktrin): der Abstand zur Navigation kommt aus dem Raster-Gap.
   Responsive: bis 1023 px steht die Navigation oben und die Spalte fuellt die Seite bis 768 px,
   Innenabstand 24px 32px; bis 600 px Innenabstand 20px rundum, Rundung bleibt. */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content {
  box-sizing: border-box;
  max-width: 768px;
  padding: var(--spacing-md, 2rem) var(--spacing-lg, 3rem);
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: var(--radius-section, 20px);
}

@media (max-width: 1023px) {
  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content {
    padding: var(--spacing-sm, 1.5rem) var(--spacing-md, 2rem);
  }
}

@media (max-width: 600px) {
  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content {
    padding: var(--spacing-xs, 1.25rem);
  }
}

/* ------------------------------------------------------------
   v1.8.2 ANMELDEFORMULAR (Mein Konto, abgemeldet): begrenzte Breite, zentriert — gilt im Vorhang
   (flaches Dokument mit body.woocommerce-account) und auf der regulaeren Konto-Seite gleichermassen.
   ------------------------------------------------------------ */
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.lost_reset_password {
  max-width: var(--emeu-konto-login-breite, 30rem);
  margin-inline: auto;
}

/* ------------------------------------------------------------
   v1.8.3 KNOEPFE IM KONTO-INHALT ALS KLEINE HAUS-PILLE (Lumina 2026-09-23, Feintuning Mein Konto (b)).
   Das Mass ist der feste Platz im Kopf ("Mein Bereich", emeu-menue.css 1.3.3): 14 px, Zeile 1.2, Polster 9 x 18,
   1 px Rand = 36,8 px, Radius 999. Farben und Gewicht bleiben, wie sie sind.
   Gegenregeln (gemessen): Haus-Knopfregel 48 px (0,1,1) und in generat/core-elements.css
   .woocommerce button.button.button.button.button und .woocommerce a.button.button.button.button (je 0,5,1).
   Diese Regel hat 0,7,1 und gilt nur im Konto-Inhalt; Produktseite, Warenkorb und Kasse bleiben unberuehrt.
   Ausgenommen: die Haus-Formular-Aktionen .emeu-form__aktion (eigene Regeln in den Bausteinen, z. B. im
   Produkt-Formular 0.3.2). Die Passwort-Augen tragen keine Klasse "button" und bleiben bei 32 px.
   ------------------------------------------------------------ */
body.woocommerce-account .woocommerce-MyAccount-content .button.button.button.button:not(.emeu-form__aktion) {
  box-sizing: border-box;
  min-height: 0;
  height: auto;
  padding: 9px 18px;
  font-size: var(--w-schrift-feld-groesse, 14px);
  line-height: 1.2;
  border-radius: 999px;
}