:root {
    --ehd-bg: #FCF2ED;
    --ehd-surface: #FFFFFF;
    --ehd-surface-2: #F7F0E8;
    --ehd-text: #1a1a1a;
    --ehd-text-muted: #6b6b6b;
    --ehd-accent: #6B1D3A;
    --ehd-accent-hover: #8B2E50;
    --ehd-border: rgba(0,0,0,.10);
    --ehd-shadow: 0 4px 24px rgba(0,0,0,.06);
}
html[data-theme="dark"] {
    --ehd-bg: #0F0708;
    --ehd-surface: #1A1014;
    --ehd-surface-2: #221820;
    --ehd-text: #F4ECE6;
    --ehd-text-muted: #B5A8A0;
    --ehd-accent: #D08FA0;
    --ehd-accent-hover: #E8A8B8;
    --ehd-border: rgba(244,236,230,.12);
    --ehd-shadow: 0 4px 24px rgba(0,0,0,.50);
    color-scheme: dark;
}

/* Body + Site-Container — Hintergrund + Textfarbe */
html[data-theme="dark"] body,
html[data-theme="dark"] .wp-site-blocks,
html[data-theme="dark"] .wp-block-template-part {
    background-color: var(--ehd-bg) !important;
    color: var(--ehd-text);
}

/* Headings + Text — Lesbarkeit zuerst */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] dd,
html[data-theme="dark"] dt,
html[data-theme="dark"] span,
html[data-theme="dark"] label,
html[data-theme="dark"] div {
    color: inherit;
}

/* Aggressives Override für hart-codierte dunkle Textfarben — Gutenberg + Inline */
html[data-theme="dark"] .has-black-color,
html[data-theme="dark"] .has-dark-grey-color,
html[data-theme="dark"] .has-grey-color,
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#1a"],
html[data-theme="dark"] [style*="color:#2a"],
html[data-theme="dark"] [style*="color:#2b"],
html[data-theme="dark"] [style*="color:#313"],
html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color:#3d"],
html[data-theme="dark"] [style*="color:#444"],
html[data-theme="dark"] [style*="color:#555"],
html[data-theme="dark"] [style*="color:#5a"],
html[data-theme="dark"] [style*="color:#666"],
html[data-theme="dark"] [style*="color:#777"],
html[data-theme="dark"] [style*="color:#7a"] {
    color: var(--ehd-text) !important;
}

/* Hellere Burgund-Variante für Burgund-Texte (akzent-Text bleibt erkennbar) */
html[data-theme="dark"] [style*="color:#6B1D3A"],
html[data-theme="dark"] [style*="color:#6b1d3a"],
html[data-theme="dark"] [style*="color:#8B2E50"],
html[data-theme="dark"] [style*="color:#8b2e50"],
html[data-theme="dark"] [style*="color:#632c3b"],
html[data-theme="dark"] [style*="color:#7a3a4a"] {
    color: var(--ehd-accent) !important;
}

/* Gold-/Beige-Akzente bleiben für Dark Mode etwas heller */
html[data-theme="dark"] [style*="color:#7a4f12"],
html[data-theme="dark"] [style*="color:#7a623d"],
html[data-theme="dark"] [style*="color:#5a4628"],
html[data-theme="dark"] [style*="color:#a8761e"] {
    color: #d4b780 !important;
}

html[data-theme="dark"] small,
html[data-theme="dark"] [class*="text-muted"] {
    color: var(--ehd-text-muted);
}

/* Hart-codierte helle Backgrounds → Surface dunkel */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background:#FFF"],
html[data-theme="dark"] [style*="background:#f5f3ef"],
html[data-theme="dark"] [style*="background:#f7f3ee"],
html[data-theme="dark"] [style*="background:#FCF2ED"],
html[data-theme="dark"] [style*="background:#f0ece6"],
html[data-theme="dark"] [style*="background:#F0ECE6"],
html[data-theme="dark"] .has-white-background-color {
    background-color: var(--ehd-surface) !important;
}

/* Hart-codierte helle Grautöne als Background */
html[data-theme="dark"] [style*="background:#eee"],
html[data-theme="dark"] [style*="background:#ddd"],
html[data-theme="dark"] [style*="background:#ccc"],
html[data-theme="dark"] [style*="background:#f4f4f4"],
html[data-theme="dark"] [style*="background:#ececec"] {
    background-color: var(--ehd-surface-2) !important;
}

/* Logo-Swap: schwarzes Logo → weißes Logo */
html[data-theme="dark"] img[src*="EHD-Logo-Schwarz"],
html[data-theme="dark"] img[src*="echthaardirekt-logo-schwarz"],
html[data-theme="dark"] img[src*="logo-schwarz"] {
    content: url('https://echthaardirekt.de/wp-content/uploads/2025/06/echthaardirekt-logo-weiss.svg');
}

/* SVG-Logos mit currentColor → erben Textfarbe (sollten dann hell sein) */
html[data-theme="dark"] svg[fill="#000"],
html[data-theme="dark"] svg path[fill="#000"],
html[data-theme="dark"] svg[fill="#1a1a1a"],
html[data-theme="dark"] svg path[fill="#1a1a1a"] {
    fill: var(--ehd-text) !important;
}

/* ===========================================================
   REGEL: Alles auf Bordeaux/Burgund-Background → WEISS im Dark Mode
   (Text + Icons + Borders. Universal, keine Ausnahme.)
   =========================================================== */
html[data-theme="dark"] [style*="background:#6B1D3A"],
html[data-theme="dark"] [style*="background:#6b1d3a"],
html[data-theme="dark"] [style*="background: #6B1D3A"],
html[data-theme="dark"] [style*="background: #6b1d3a"],
html[data-theme="dark"] [style*="background:#8B2E50"],
html[data-theme="dark"] [style*="background:#8b2e50"],
html[data-theme="dark"] [style*="background:#632c3b"],
html[data-theme="dark"] [style*="background:#7a3a4a"],
html[data-theme="dark"] [style*="background:#2a0e12"],
html[data-theme="dark"] [style*="background-color:#6B1D3A"],
html[data-theme="dark"] [style*="background-color:#6b1d3a"],
html[data-theme="dark"] [style*="background-color:#8B2E50"],
html[data-theme="dark"] [style*="background-color:#632c3b"],
html[data-theme="dark"] [style*="background-color:#7a3a4a"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#6B1D3A"],
html[data-theme="dark"] [style*="linear-gradient(135deg,#8B2E50"],
html[data-theme="dark"] .has-burgund-background-color,
html[data-theme="dark"] .has-burgundy-background-color,
html[data-theme="dark"] .has-bordeau-background-color,
html[data-theme="dark"] .has-bordeaux-background-color,
html[data-theme="dark"] .has-vivid-red-background-color {
    color: #ffffff !important;
}

/* Alle Kinder erben weiß — inkl. Spans, Links, Icons */
html[data-theme="dark"] [style*="background:#6B1D3A"] *,
html[data-theme="dark"] [style*="background:#6b1d3a"] *,
html[data-theme="dark"] [style*="background: #6B1D3A"] *,
html[data-theme="dark"] [style*="background:#8B2E50"] *,
html[data-theme="dark"] [style*="background:#8b2e50"] *,
html[data-theme="dark"] [style*="background:#632c3b"] *,
html[data-theme="dark"] [style*="background:#7a3a4a"] *,
html[data-theme="dark"] [style*="background:#2a0e12"] *,
html[data-theme="dark"] [style*="background-color:#6B1D3A"] *,
html[data-theme="dark"] [style*="background-color:#6b1d3a"] *,
html[data-theme="dark"] [style*="background-color:#8B2E50"] *,
html[data-theme="dark"] [style*="background-color:#632c3b"] *,
html[data-theme="dark"] [style*="background-color:#7a3a4a"] *,
html[data-theme="dark"] [style*="linear-gradient(135deg,#6B1D3A"] *,
html[data-theme="dark"] [style*="linear-gradient(135deg,#8B2E50"] *,
html[data-theme="dark"] .has-burgund-background-color *,
html[data-theme="dark"] .has-burgundy-background-color *,
html[data-theme="dark"] .has-bordeau-background-color *,
html[data-theme="dark"] .has-bordeaux-background-color * {
    color: #ffffff !important;
}

/* SVG-Icons (Burger-Menü, Cart, Account, Pfeile) auf Burgund → weiß */
html[data-theme="dark"] [style*="background:#6B1D3A"] svg,
html[data-theme="dark"] [style*="background:#6B1D3A"] svg *,
html[data-theme="dark"] [style*="background:#8B2E50"] svg,
html[data-theme="dark"] [style*="background:#8B2E50"] svg *,
html[data-theme="dark"] [style*="background:#632c3b"] svg,
html[data-theme="dark"] [style*="background:#632c3b"] svg *,
html[data-theme="dark"] [style*="background:#7a3a4a"] svg,
html[data-theme="dark"] [style*="background:#7a3a4a"] svg *,
html[data-theme="dark"] [style*="background-color:#6B1D3A"] svg,
html[data-theme="dark"] [style*="background-color:#8B2E50"] svg,
html[data-theme="dark"] [style*="background-color:#632c3b"] svg,
html[data-theme="dark"] [style*="background-color:#7a3a4a"] svg,
html[data-theme="dark"] .has-burgund-background-color svg,
html[data-theme="dark"] .has-bordeau-background-color svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}
html[data-theme="dark"] [style*="background:#6B1D3A"] svg path,
html[data-theme="dark"] [style*="background:#8B2E50"] svg path,
html[data-theme="dark"] [style*="background:#632c3b"] svg path,
html[data-theme="dark"] [style*="background-color:#6B1D3A"] svg path,
html[data-theme="dark"] [style*="background-color:#632c3b"] svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Hamburger-Menü-Icon (Theme-Header) im Dark Mode generell weiß
   — weil der Header oft burgundy-getönt ist oder dunkel ist */
html[data-theme="dark"] .wp-block-navigation__responsive-container-open,
html[data-theme="dark"] .wp-block-navigation__responsive-container-close,
html[data-theme="dark"] .wp-block-navigation__responsive-container-open svg,
html[data-theme="dark"] .wp-block-navigation__responsive-container-close svg,
html[data-theme="dark"] .wp-block-navigation__responsive-container-open svg *,
html[data-theme="dark"] .wp-block-navigation__responsive-container-close svg *,
html[data-theme="dark"] button.wp-block-navigation__responsive-container-open svg path,
html[data-theme="dark"] button.wp-block-navigation__responsive-container-close svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Custom-Theme Hamburger: button#menu-button + #menu-close-button
   Die 3 Striche werden via CSS-Mask gezeichnet, Farbe = span background.
   Im Light-Mode steht hier var(--wp--preset--color--black) → schwarz.
   Im Dark-Mode override auf weiß. */
html[data-theme="dark"] button#menu-button span,
html[data-theme="dark"] button#menu-close-button span,
html[data-theme="dark"] #menu-button span,
html[data-theme="dark"] #menu-close-button span {
    background: #ffffff !important;
    color: transparent;
}

/* Account-Icon und Mini-Cart-Icon im Header sollen weiß sein
   (sie sitzen meist auf burgund- oder dunklem Header) */
html[data-theme="dark"] .wc-block-customer-account svg,
html[data-theme="dark"] .wc-block-customer-account svg *,
html[data-theme="dark"] .wc-block-mini-cart__icon,
html[data-theme="dark"] .wc-block-mini-cart__icon *,
html[data-theme="dark"] .wc-block-mini-cart__button svg,
html[data-theme="dark"] .wc-block-mini-cart__button svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* "Anmelden", "Konto", Account-Text neben Icon im Header → weiß */
html[data-theme="dark"] .wc-block-customer-account__account-name,
html[data-theme="dark"] .wc-block-customer-account,
html[data-theme="dark"] .wc-block-customer-account__link,
html[data-theme="dark"] .wc-block-customer-account__link .label,
html[data-theme="dark"] .wc-block-customer-account__link span,
html[data-theme="dark"] .wc-block-mini-cart__button,
html[data-theme="dark"] .wc-block-mini-cart__amount {
    color: #ffffff !important;
}
html[data-theme="dark"] .wc-block-customer-account__link svg,
html[data-theme="dark"] .wc-block-customer-account__link svg *,
html[data-theme="dark"] .wc-block-customer-account__account-icon,
html[data-theme="dark"] .wc-block-customer-account__account-icon * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ===========================================================
   THEME-CUSTOM-FARBKLASSEN — Hellbeige Header + Rosa Tiles
   =========================================================== */

/* Header (Hellbeige) → Dark Surface, Text + Icons weiß */
html[data-theme="dark"] .has-custom-hellbeige-background-color,
html[data-theme="dark"] .header-inner-container {
    background-color: var(--ehd-surface) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .has-custom-hellbeige-background-color *,
html[data-theme="dark"] .header-inner-container * {
    color: #ffffff !important;
}
html[data-theme="dark"] .has-custom-hellbeige-background-color svg,
html[data-theme="dark"] .has-custom-hellbeige-background-color svg *,
html[data-theme="dark"] .header-inner-container svg,
html[data-theme="dark"] .header-inner-container svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}
/* Hamburger im Header bleibt weiß (Mask-Background) */
html[data-theme="dark"] .has-custom-hellbeige-background-color #menu-button span,
html[data-theme="dark"] .header-inner-container #menu-button span {
    background: #ffffff !important;
}

/* Rosa-Sektionen → kompletter Dark-Surface (BG + Schrift)
   Damit kein helles "Inselgefühl" auf der Startseite */
html[data-theme="dark"] .has-custom-rosa-1-background-color,
html[data-theme="dark"] .has-custom-rosa-2-background-color {
    background-color: var(--ehd-bg) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .has-custom-rosa-1-background-color *,
html[data-theme="dark"] .has-custom-rosa-2-background-color * {
    color: var(--ehd-text) !important;
}

/* Footer (zweite Hellbeige/Rosa Variante unten) ebenfalls hell halten,
   Text schwarz — Footer ist meist eigene Container-Welt */
html[data-theme="dark"] .footer-inner-container {
    color: #1a1a1a !important;
}
html[data-theme="dark"] .footer-inner-container * {
    color: #1a1a1a !important;
}
html[data-theme="dark"] .footer-inner-container a {
    color: var(--ehd-accent) !important;
}

/* ===========================================================
   DUNKELBRAUN MARQUEE (Trust-Signals OBEN — Storepress-Marquee NUR):
   Hintergrund → cremehell, Schrift → BORDEAUX.
   GILT NUR FÜR DIE MARQUEE — andere dunkelbraun-Container behalten ihren dunklen BG!
   =========================================================== */
html[data-theme="dark"] .wp-block-storepress-marquee.has-custom-dunkelbraun-1-background-color,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color > .wp-block-storepress-marquee,
html[data-theme="dark"] .wp-block-storepress-marquee,
html[data-theme="dark"] .wp-block-storepress-marquee__item {
    background-color: #fdf6ef !important;
    color: #6B1D3A !important;
}
/* Marquee-Parent (wp-block-group mit dunkelbraun-1) auch hellen BG geben */
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:has(.wp-block-storepress-marquee) {
    background-color: #fdf6ef !important;
}
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:has(.wp-block-storepress-marquee) *,
html[data-theme="dark"] .wp-block-storepress-marquee *,
html[data-theme="dark"] .wp-block-storepress-marquee p,
html[data-theme="dark"] .wp-block-storepress-marquee__item * {
    color: #6B1D3A !important;
}
html[data-theme="dark"] .wp-block-storepress-marquee svg,
html[data-theme="dark"] .wp-block-storepress-marquee svg *,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:has(.wp-block-storepress-marquee) svg,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:has(.wp-block-storepress-marquee) svg * {
    fill: #6B1D3A !important;
    stroke: #6B1D3A !important;
    color: #6B1D3A !important;
}

/* Andere dunkelbraun-1 Container (z. B. "Dein Konto" Hero, Footer-Sektion etc.)
   bleiben DUNKEL mit weißer Schrift */
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)),
html[data-theme="dark"] .wp-block-cover__background.has-custom-dunkelbraun-1-background-color {
    color: #ffffff !important;
}
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)) h1,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)) h2,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)) h3,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)) p,
html[data-theme="dark"] .has-custom-dunkelbraun-1-background-color:not(:has(.wp-block-storepress-marquee)) span,
html[data-theme="dark"] .wp-block-cover:has(> .wp-block-cover__background.has-custom-dunkelbraun-1-background-color) h1,
html[data-theme="dark"] .wp-block-cover:has(> .wp-block-cover__background.has-custom-dunkelbraun-1-background-color) h2,
html[data-theme="dark"] .wp-block-cover:has(> .wp-block-cover__background.has-custom-dunkelbraun-1-background-color) h3,
html[data-theme="dark"] .wp-block-cover:has(> .wp-block-cover__background.has-custom-dunkelbraun-1-background-color) p {
    color: #ffffff !important;
}

/* ehd-trust-signals.php — auf Produktseite (cremeweißer Container, .ehd-ts__*) */
html[data-theme="dark"] .ehd-ts {
    background: #fdf9f3 !important;
    border-color: #e8dcc8 !important;
}
html[data-theme="dark"] .ehd-ts,
html[data-theme="dark"] .ehd-ts__item,
html[data-theme="dark"] .ehd-ts__text,
html[data-theme="dark"] .ehd-ts__sub,
html[data-theme="dark"] .ehd-ts *:not(svg):not(path) {
    color: #6B1D3A !important;
}
html[data-theme="dark"] .ehd-ts__icon,
html[data-theme="dark"] .ehd-ts__icon *,
html[data-theme="dark"] .ehd-ts svg,
html[data-theme="dark"] .ehd-ts svg * {
    fill: #6B1D3A !important;
    stroke: #6B1D3A !important;
    color: #6B1D3A !important;
}

/* ===========================================================
   KONFIGURATOR-KACHELN — WAPF + CFVSW
   Standard: heller BG mit dunklem Text. Selected: burgund mit weiß.
   =========================================================== */

/* WAPF text-swatches: Haarfarben-Stil (Duo/Trio/Ombre), Spitzenfülle, etc.
   Premium-Dark: dunkler elevated Surface statt grelles Weiß, helle Schrift */
html[data-theme="dark"] .wapf-swatch.wapf-swatch--text,
html[data-theme="dark"] .wapf-swatch--text {
    background-color: #2A1A22 !important;
    border-color: rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .wapf-swatch.wapf-swatch--text > label,
html[data-theme="dark"] .wapf-swatch--text > label,
html[data-theme="dark"] .wapf-swatch--text > label > span,
html[data-theme="dark"] .wapf-swatch--text > label *,
html[data-theme="dark"] .wapf-swatch--text * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .wapf-swatch--text:hover {
    border-color: rgba(208,143,160,0.45) !important;
    background-color: #36202A !important;
}
html[data-theme="dark"] .wapf-swatch--text.wapf-checked,
html[data-theme="dark"] .wapf-swatch--text.selected {
    background-color: #6B1D3A !important;
    border-color: #D08FA0 !important;
}
html[data-theme="dark"] .wapf-swatch--text.wapf-checked > label,
html[data-theme="dark"] .wapf-swatch--text.wapf-checked > label > span,
html[data-theme="dark"] .wapf-swatch--text.wapf-checked *,
html[data-theme="dark"] .wapf-swatch--text.selected > label,
html[data-theme="dark"] .wapf-swatch--text.selected * {
    color: #ffffff !important;
}

/* Field-Label "Haarstruktur:", "Spitzenfülle:" etc. über den Kacheln */
html[data-theme="dark"] .wapf-field-label,
html[data-theme="dark"] .wapf-field-label *,
html[data-theme="dark"] .wapf-field-description {
    color: var(--ehd-text) !important;
}

/* CFVSW Variation-Swatches: Länge + Grundmenge — dark elevated */
html[data-theme="dark"] .cfvsw-swatches-option,
html[data-theme="dark"] .cfvsw-label-option {
    background-color: #2A1A22 !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .cfvsw-swatches-option *,
html[data-theme="dark"] .cfvsw-label-option *,
html[data-theme="dark"] .cfvsw-swatch-inner,
html[data-theme="dark"] .cfvsw-swatch-inner * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .cfvsw-swatches-option:hover {
    background-color: #36202A !important;
    border-color: rgba(208,143,160,0.45) !important;
}
html[data-theme="dark"] .cfvsw-swatches-option.cfvsw-selected-swatch,
html[data-theme="dark"] .cfvsw-swatches-option[aria-checked="true"],
html[data-theme="dark"] .cfvsw-swatches-option.selected {
    background-color: #6B1D3A !important;
    border-color: #D08FA0 !important;
}
html[data-theme="dark"] .cfvsw-swatches-option.cfvsw-selected-swatch *,
html[data-theme="dark"] .cfvsw-swatches-option[aria-checked="true"] *,
html[data-theme="dark"] .cfvsw-swatches-option.selected * {
    color: #ffffff !important;
}

/* Zusatzmenge Dropdown (ehd-zm-coll) — dark elevated */
html[data-theme="dark"] .ehd-zm-toggle,
html[data-theme="dark"] .ehd-zm-coll > .wapf-field-input {
    background: #2A1A22 !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .ehd-zm-toggle *,
html[data-theme="dark"] .ehd-zm-coll .wapf-swatch--text > label,
html[data-theme="dark"] .ehd-zm-coll .wapf-swatch--text > label > span,
html[data-theme="dark"] .ehd-zm-toggle .ehd-zm-chevron {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-zm-coll .wapf-pricing-hint {
    color: var(--ehd-accent) !important;
}
html[data-theme="dark"] .ehd-zm-coll .wapf-swatch--text.wapf-checked > label {
    background: rgba(208,143,160,0.12) !important;
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] .ehd-zm-coll .wapf-swatch--text.wapf-checked .wapf-pricing-hint {
    color: var(--ehd-accent-hover) !important;
}

/* Image-swatch tile-Background — softes Off-White statt grelles #fff,
   damit Farbbilder noch klar aber nicht blendend wirken */
html[data-theme="dark"] .wapf-image-swatch-wrapper .wapf-swatch.wapf-swatch--image {
    background: #D8CDB8 !important;
    border-color: rgba(208,143,160,0.25) !important;
}

/* ===========================================================
   PREMIUM DARK MODE: PRODUKT-TABS
   (Beschreibung, Einbauempfehlung, Pflegetipps, Maßstab, Rückgabe usw.)
   Premium-Anmutung: dunkler Surface, Bordeaux-Akzente, helle Schrift
   =========================================================== */

/* Collapse-Toggle (mobile Accordion-Trigger) — eleganter Dark-Stil */
html[data-theme="dark"] .ehd-tc-toggle {
    background: linear-gradient(180deg, #1F141A 0%, #2A1A22 100%) !important;
    border: 1px solid rgba(208,143,160,0.18) !important;
    color: var(--ehd-text) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.30) !important;
}
html[data-theme="dark"] .ehd-tc-toggle:hover {
    background: linear-gradient(180deg, #2A1A22, #361F2A) !important;
    border-color: rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .ehd-tc-toggle .ehd-tc-icon,
html[data-theme="dark"] .ehd-tc-toggle .ehd-tc-chev {
    color: var(--ehd-accent) !important;
    stroke: var(--ehd-accent) !important;
}
html[data-theme="dark"] .ehd-tc-label {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-tc-hint {
    color: var(--ehd-text-muted) !important;
}

/* Tab-Container Background */
html[data-theme="dark"] .woocommerce-tabs.wc-tabs-wrapper {
    background: transparent !important;
}

/* Tab-Strip oben — minimaler Look mit Underline-Akzent */
html[data-theme="dark"] .wc-tabs-wrapper ul.tabs.wc-tabs,
html[data-theme="dark"] ul.wc-tabs {
    background: transparent !important;
    border-bottom: 1px solid rgba(244,236,230,0.10) !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
}
html[data-theme="dark"] .wc-tabs li,
html[data-theme="dark"] ul.wc-tabs li {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .wc-tabs li::before,
html[data-theme="dark"] .wc-tabs li::after {
    display: none !important;
}
html[data-theme="dark"] .wc-tabs li a,
html[data-theme="dark"] ul.wc-tabs li a {
    color: var(--ehd-text-muted) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 12px 16px !important;
    transition: color 0.18s ease, border-color 0.18s ease !important;
    border-bottom: 2px solid transparent !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
html[data-theme="dark"] .wc-tabs li:hover a,
html[data-theme="dark"] ul.wc-tabs li:hover a {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .wc-tabs li.active a,
html[data-theme="dark"] .wc-tabs li.is-active a,
html[data-theme="dark"] ul.wc-tabs li.active a {
    color: var(--ehd-accent) !important;
    border-bottom-color: var(--ehd-accent) !important;
    font-weight: 600 !important;
}

/* Tab-Panel — als elegante Karte */
html[data-theme="dark"] .woocommerce-Tabs-panel,
html[data-theme="dark"] .wc-tab {
    background: linear-gradient(180deg, #1A1014 0%, #221820 100%) !important;
    color: var(--ehd-text) !important;
    border: 1px solid rgba(244,236,230,0.08) !important;
    border-radius: 14px !important;
    padding: 28px 30px !important;
    margin: 0 0 14px 0 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.35) !important;
}

/* Alle Texte im Panel — helles Cream */
html[data-theme="dark"] .woocommerce-Tabs-panel p,
html[data-theme="dark"] .woocommerce-Tabs-panel li,
html[data-theme="dark"] .woocommerce-Tabs-panel td,
html[data-theme="dark"] .woocommerce-Tabs-panel th,
html[data-theme="dark"] .woocommerce-Tabs-panel span,
html[data-theme="dark"] .woocommerce-Tabs-panel div,
html[data-theme="dark"] .woocommerce-Tabs-panel .p1,
html[data-theme="dark"] .woocommerce-Tabs-panel .p2,
html[data-theme="dark"] .woocommerce-Tabs-panel .p3,
html[data-theme="dark"] .woocommerce-Tabs-panel .p4,
html[data-theme="dark"] .woocommerce-Tabs-panel .s1,
html[data-theme="dark"] .woocommerce-Tabs-panel .s2 {
    color: var(--ehd-text) !important;
    line-height: 1.65 !important;
}

/* Überschriften — Bordeaux-Akzent für Premium-Hierarchie */
html[data-theme="dark"] .woocommerce-Tabs-panel h1,
html[data-theme="dark"] .woocommerce-Tabs-panel h2:not([hidden]),
html[data-theme="dark"] .woocommerce-Tabs-panel h3,
html[data-theme="dark"] .woocommerce-Tabs-panel h4,
html[data-theme="dark"] .woocommerce-Tabs-panel h5,
html[data-theme="dark"] .woocommerce-Tabs-panel h6 {
    color: var(--ehd-accent) !important;
    letter-spacing: 0.3px !important;
    margin-top: 24px !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel h1:first-child,
html[data-theme="dark"] .woocommerce-Tabs-panel h2:first-child,
html[data-theme="dark"] .woocommerce-Tabs-panel h3:first-child {
    margin-top: 0 !important;
}

/* Fett-gesetzte Begriffe — heller Bordeaux-Ton für mehr Eleganz */
html[data-theme="dark"] .woocommerce-Tabs-panel b,
html[data-theme="dark"] .woocommerce-Tabs-panel strong {
    color: #E8A8B8 !important;
    font-weight: 600 !important;
}

/* Links im Panel — Bordeaux-Akzent + subtile Underline */
html[data-theme="dark"] .woocommerce-Tabs-panel a:not(.button) {
    color: var(--ehd-accent) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: rgba(208,143,160,0.4) !important;
    transition: color 0.15s ease, text-decoration-color 0.15s ease !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel a:not(.button):hover {
    color: var(--ehd-accent-hover) !important;
    text-decoration-color: var(--ehd-accent-hover) !important;
}

/* Listen-Bullets / Aufzählungen — Bordeaux-Marker */
html[data-theme="dark"] .woocommerce-Tabs-panel ul {
    padding-left: 1.25em !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel ul li::marker {
    color: var(--ehd-accent) !important;
}

/* Tabellen (Maßstab für Längen, Tressenlängen Übersicht) — premium Look */
html[data-theme="dark"] .woocommerce-Tabs-panel table {
    border-collapse: collapse !important;
    border: 1px solid rgba(244,236,230,0.10) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel table th,
html[data-theme="dark"] .woocommerce-Tabs-panel table td {
    border-bottom: 1px solid rgba(244,236,230,0.08) !important;
    padding: 10px 14px !important;
    background: transparent !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel table th {
    background: rgba(107,29,58,0.18) !important;
    color: #E8A8B8 !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .woocommerce-Tabs-panel table tr:nth-child(even) td {
    background: rgba(244,236,230,0.025) !important;
}

/* Bilder in Pflegetipps / Maßstab → bleiben unverändert, dezenter Rahmen */
html[data-theme="dark"] .woocommerce-Tabs-panel img {
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

/* Wichtige Hinweise / Quotes — eleganter linker Bordeaux-Border */
html[data-theme="dark"] .woocommerce-Tabs-panel blockquote,
html[data-theme="dark"] .woocommerce-Tabs-panel p:has(> strong:first-child:contains("Bitte beachte")) {
    border-left: 3px solid var(--ehd-accent) !important;
    padding-left: 16px !important;
    margin-left: 0 !important;
    background: rgba(107,29,58,0.06) !important;
    border-radius: 6px !important;
    padding: 12px 14px 12px 18px !important;
}

/* Hidden h2 placeholder soll versteckt bleiben — nicht overrided */
html[data-theme="dark"] .woocommerce-Tabs-panel h2[hidden] {
    display: none !important;
}

/* ===========================================================
   GOOGLE PLAY BADGE (App-Banner-Plugin) — verbessern im Dark Mode
   Standard: dark burgundy bg verschwimmt mit Body-BG
   =========================================================== */
html[data-theme="dark"] .ehd-app-footer-badge {
    background: linear-gradient(135deg, #6B1D3A 0%, #8B2E50 100%) !important;
    border: 1px solid rgba(208,143,160,0.55) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(107,29,58,0.35) !important;
}
html[data-theme="dark"] .ehd-app-footer-badge:hover {
    background: linear-gradient(135deg, #8B2E50 0%, #A04060 100%) !important;
    border-color: #D08FA0 !important;
}
html[data-theme="dark"] .ehd-app-footer-badge,
html[data-theme="dark"] .ehd-app-footer-badge *,
html[data-theme="dark"] .ehd-app-footer-badge-text,
html[data-theme="dark"] .ehd-app-footer-badge-small,
html[data-theme="dark"] .ehd-app-footer-badge-big {
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-app-footer-badge svg,
html[data-theme="dark"] .ehd-app-footer-badge svg *,
html[data-theme="dark"] .ehd-app-footer-badge svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* App-Fab oben */
html[data-theme="dark"] .ehd-app-fab {
    background: linear-gradient(135deg, #6B1D3A 0%, #8B2E50 60%, #A04060 100%) !important;
    border-bottom: 1px solid rgba(208,143,160,0.40) !important;
}
/* Texte direkt im Banner (small, big) — weiß, ABER nicht die CTA-Pille */
html[data-theme="dark"] .ehd-app-fab,
html[data-theme="dark"] .ehd-app-fab-text,
html[data-theme="dark"] .ehd-app-fab-small,
html[data-theme="dark"] .ehd-app-fab-big {
    color: #ffffff !important;
}
/* CTA-Pille "Installieren": weißer Hintergrund bleibt, dunkle Schrift bleibt */
html[data-theme="dark"] .ehd-app-fab-cta {
    background: #ffffff !important;
    color: #2a0e12 !important;
    -webkit-text-fill-color: #2a0e12 !important;
}
html[data-theme="dark"] .ehd-app-fab-cta svg,
html[data-theme="dark"] .ehd-app-fab-cta .ehd-app-fab-arrow {
    color: #2a0e12 !important;
    fill: #2a0e12 !important;
    stroke: #2a0e12 !important;
}
/* Logo-Icon Container weißer Background bleibt */
html[data-theme="dark"] .ehd-app-fab .ehd-app-fab-icon {
    background: #ffffff !important;
}
html[data-theme="dark"] .ehd-app-fab .ehd-app-fab-icon img,
html[data-theme="dark"] .ehd-app-fab .ehd-app-fab-icon svg {
    filter: none !important;
}

/* ===========================================================
   SOCIAL MEDIA ICONS (WP Block Social Links)
   Standard: schwarzer BG mit weißem Icon — in Dark Mode kaum sichtbar
   Dark Mode: Bordeaux-BG + weißes Icon = klare Premium-Optik
   =========================================================== */
/* Generic social icons (IG, TikTok, FB): Bordeaux-BG + weißes Icon im Dark Mode.
   WhatsApp + Telegram werden EXPLIZIT ausgenommen — die behalten ihre Markenfarben. */
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram),
html[data-theme="dark"] .wp-block-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram),
html[data-theme="dark"] .wp-social-link.has-black-background-color:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram),
html[data-theme="dark"] .wp-block-social-link.has-black-background-color:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) {
    background-color: #6B1D3A !important;
    border: 1px solid rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram):hover,
html[data-theme="dark"] .wp-block-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram):hover {
    background-color: #8B2E50 !important;
    border-color: rgba(208,143,160,0.55) !important;
}
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) svg,
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) svg *,
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) svg path,
html[data-theme="dark"] .wp-block-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) svg,
html[data-theme="dark"] .wp-block-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .wp-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) a,
html[data-theme="dark"] .wp-block-social-link:not(.wp-social-link-whatsapp):not(.wp-social-link-telegram) a {
    color: #ffffff !important;
}

/* WhatsApp: Markenfarbe Grün (#25D366) — gleich wie im Light Mode */
html[data-theme="dark"] .wp-social-link-whatsapp {
    background-color: #25D366 !important;
    border: 0 !important;
}
html[data-theme="dark"] .wp-social-link-whatsapp:hover {
    background-color: #1ebe5d !important;
}
html[data-theme="dark"] .wp-social-link-whatsapp svg,
html[data-theme="dark"] .wp-social-link-whatsapp svg *,
html[data-theme="dark"] .wp-social-link-whatsapp svg path,
html[data-theme="dark"] .wp-social-link-whatsapp .wp-block-social-link-anchor,
html[data-theme="dark"] .wp-social-link-whatsapp .wp-block-social-link-anchor svg,
html[data-theme="dark"] .wp-social-link-whatsapp .wp-block-social-link-anchor svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Telegram: Markenfarbe Hellblau (#0088CC / #229ED9 Gradient) — gleich wie Light Mode */
html[data-theme="dark"] .wp-social-link-telegram {
    background-color: #229ED9 !important;
    border: 0 !important;
}
html[data-theme="dark"] .wp-social-link-telegram:hover {
    background-color: #1c8bbf !important;
}
html[data-theme="dark"] .wp-social-link-telegram svg,
html[data-theme="dark"] .wp-social-link-telegram svg *,
html[data-theme="dark"] .wp-social-link-telegram svg path,
html[data-theme="dark"] .wp-social-link-telegram .wp-block-social-link-anchor,
html[data-theme="dark"] .wp-social-link-telegram .wp-block-social-link-anchor svg,
html[data-theme="dark"] .wp-social-link-telegram .wp-block-social-link-anchor svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Facebook-Gruppe CTA Button */
html[data-theme="dark"] .ehd-fb-cta-btn {
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-fb-cta-btn svg,
html[data-theme="dark"] .ehd-fb-cta-btn svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ===========================================================
   WC NOTICES — "Produkt wurde dem Warenkorb hinzugefügt" etc.
   Sowohl Legacy (.woocommerce-message) als auch Block (.wc-block-components-notice-banner)
   =========================================================== */

/* Wrapper */
html[data-theme="dark"] .woocommerce-notices-wrapper {
    background: transparent !important;
}

/* SUCCESS Notice */
html[data-theme="dark"] .woocommerce-message,
html[data-theme="dark"] .wc-block-components-notice-banner.is-success {
    background: linear-gradient(135deg, #1a2e1a 0%, #243d24 100%) !important;
    border: 1px solid #2e7d32 !important;
    border-left: 4px solid #4caf50 !important;
    color: #d4e8d5 !important;
    border-radius: 10px !important;
}
html[data-theme="dark"] .woocommerce-message *,
html[data-theme="dark"] .woocommerce-message a,
html[data-theme="dark"] .woocommerce-message strong,
html[data-theme="dark"] .wc-block-components-notice-banner.is-success *,
html[data-theme="dark"] .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content {
    color: #d4e8d5 !important;
}
html[data-theme="dark"] .woocommerce-message a.button,
html[data-theme="dark"] .woocommerce-message a.wc-forward,
html[data-theme="dark"] .woocommerce-message .button,
html[data-theme="dark"] .wc-block-components-notice-banner.is-success a {
    background: #4caf50 !important;
    color: #ffffff !important;
    border-color: #4caf50 !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
}
html[data-theme="dark"] .woocommerce-message a.button:hover,
html[data-theme="dark"] .woocommerce-message a.wc-forward:hover {
    background: #45a049 !important;
}
/* "View cart" / "Warenkorb anzeigen" Link spezifisch */
html[data-theme="dark"] .woocommerce-message a[href*="warenkorb"],
html[data-theme="dark"] .woocommerce-message a[href*="cart"] {
    color: #ffffff !important;
}

/* ERROR Notice */
html[data-theme="dark"] .woocommerce-error,
html[data-theme="dark"] .wc-block-components-notice-banner.is-error {
    background: linear-gradient(135deg, #2e1a1a 0%, #3d2424 100%) !important;
    border: 1px solid #b71c1c !important;
    border-left: 4px solid #ef5350 !important;
    color: #f5d6d6 !important;
    border-radius: 10px !important;
}
html[data-theme="dark"] .woocommerce-error *,
html[data-theme="dark"] .wc-block-components-notice-banner.is-error * {
    color: #f5d6d6 !important;
}

/* INFO Notice (Hinweis / blau) */
html[data-theme="dark"] .woocommerce-info,
html[data-theme="dark"] .wc-block-components-notice-banner.is-info {
    background: linear-gradient(135deg, #1a1e2e 0%, #242a3d 100%) !important;
    border: 1px solid #1976d2 !important;
    border-left: 4px solid #42a5f5 !important;
    color: #d6e0f5 !important;
    border-radius: 10px !important;
}
html[data-theme="dark"] .woocommerce-info *,
html[data-theme="dark"] .wc-block-components-notice-banner.is-info * {
    color: #d6e0f5 !important;
}

/* SVG/Check-Icons in den Notices weiß */
html[data-theme="dark"] .woocommerce-message svg,
html[data-theme="dark"] .woocommerce-message svg *,
html[data-theme="dark"] .wc-block-components-notice-banner svg,
html[data-theme="dark"] .wc-block-components-notice-banner svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* ===========================================================
   SHOP-SEITE — ehd-shop-redesign.php
   Karten + Chips + Feature-Banner auf dark surface, helle Schrift
   =========================================================== */
html[data-theme="dark"] .ehd-shop-card,
html[data-theme="dark"] .ehd-shop-chips,
html[data-theme="dark"] .ehd-shop-chip {
    background: var(--ehd-surface) !important;
    border-color: rgba(208,143,160,0.25) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-shop-card *,
html[data-theme="dark"] .ehd-shop-card-body,
html[data-theme="dark"] .ehd-shop-card-foot,
html[data-theme="dark"] .ehd-shop-card-tag,
html[data-theme="dark"] .ehd-shop-card-price,
html[data-theme="dark"] .ehd-shop-card-price-alt,
html[data-theme="dark"] .ehd-shop-chip,
html[data-theme="dark"] .ehd-shop-chip * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-shop-card-arrow,
html[data-theme="dark"] .ehd-shop-card-badge {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-shop-card-arrow svg,
html[data-theme="dark"] .ehd-shop-card-badge svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* Sofort-lieferbar Feature (Dark-Theme mit Gold-Akzent statt Grün) */
html[data-theme="dark"] .ehd-feat-sofort {
    background: linear-gradient(135deg, #1F141A 0%, #2A1A22 100%) !important;
    border: 1px solid rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .ehd-feat-sofort * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-feat-sofort .ehd-shop-feature-body h3 {
    color: #E5A77F !important;
}
html[data-theme="dark"] .ehd-feat-sofort .ehd-shop-feature-cta {
    background: linear-gradient(135deg, #B5623C 0%, #8A4526 100%) !important;
    color: #ffffff !important;
}
/* Wunschfarbe Feature (burgund) */
html[data-theme="dark"] .ehd-feat-wunsch {
    background: linear-gradient(135deg, #5A1730 0%, #3A0F1E 100%) !important;
}
html[data-theme="dark"] .ehd-feat-wunsch * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-feat-wunsch .ehd-shop-feature-cta {
    background: #8B2E50 !important;
    color: #ffffff !important;
}

/* ===========================================================
   HOMEPAGE PRODUKT-GRID — ehd-homepage-product-grid.php
   =========================================================== */
html[data-theme="dark"] .ehd-pgrid-card,
html[data-theme="dark"] .ehd-kur-card {
    background: var(--ehd-surface) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-pgrid-card *,
html[data-theme="dark"] .ehd-pgrid-body,
html[data-theme="dark"] .ehd-pgrid-tag,
html[data-theme="dark"] .ehd-pgrid-price,
html[data-theme="dark"] .ehd-kur-card *,
html[data-theme="dark"] .ehd-kur-body,
html[data-theme="dark"] .ehd-kur-tag,
html[data-theme="dark"] .ehd-kur-price {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-pgrid-badge {
    background: rgba(208,143,160,0.20) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-pgrid-arrow,
html[data-theme="dark"] .ehd-kur-btn {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-pgrid-arrow svg,
html[data-theme="dark"] .ehd-kur-btn * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ===========================================================
   HOMEPAGE CTA-Karten — ehd-homepage-cta.php
   Sofort-Lieferbar (grün) + Wunschfarbe (burgund)
   =========================================================== */
html[data-theme="dark"] .ehd-home-cta,
html[data-theme="dark"] .ehd-home-cta-card {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-cta-sofort {
    background: linear-gradient(135deg, #1F141A 0%, #2A1A22 100%) !important;
    border: 1px solid rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .ehd-cta-sofort .ehd-cta-body h3 {
    color: #E5A77F !important;
}
html[data-theme="dark"] .ehd-cta-sofort .ehd-cta-body p,
html[data-theme="dark"] .ehd-cta-sofort .ehd-cta-body * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-cta-sofort .ehd-cta-btn {
    background: linear-gradient(135deg, #B5623C 0%, #8A4526 100%) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-cta-wunsch {
    background: linear-gradient(135deg, #8B2E50 0%, #5A1730 100%) !important;
}
html[data-theme="dark"] .ehd-cta-wunsch .ehd-cta-body h3,
html[data-theme="dark"] .ehd-cta-wunsch .ehd-cta-body p,
html[data-theme="dark"] .ehd-cta-wunsch .ehd-cta-body * {
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-cta-wunsch .ehd-cta-btn {
    background: #ffffff !important;
    color: #5A1730 !important;
}
html[data-theme="dark"] .ehd-cta-badge-green {
    background: rgba(181,98,60,0.92) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-cta-badge-rose {
    background: rgba(208,143,160,0.92) !important;
    color: #1a0a0e !important;
}

/* ===========================================================
   GOOGLE REVIEWS Section — ehd-google-reviews-section.php
   Cream-Karten → dark surface, dunkler Text → cream
   =========================================================== */
html[data-theme="dark"] .ehd-rv-section {
    background: transparent !important;
}
html[data-theme="dark"] .ehd-rv-eyebrow {
    background: rgba(208,143,160,0.10) !important;
    border-color: rgba(208,143,160,0.30) !important;
    color: #E8C887 !important;
}
html[data-theme="dark"] .ehd-rv-title {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-rv-rating-text {
    color: var(--ehd-text-muted) !important;
}
html[data-theme="dark"] .ehd-rv-card {
    background: var(--ehd-surface) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-rv-card *,
html[data-theme="dark"] .ehd-rv-name,
html[data-theme="dark"] .ehd-rv-body {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-rv-date {
    color: var(--ehd-text-muted) !important;
}
html[data-theme="dark"] .ehd-rv-arrow {
    background: var(--ehd-surface) !important;
    border-color: rgba(208,143,160,0.30) !important;
    color: var(--ehd-accent) !important;
}
html[data-theme="dark"] .ehd-rv-arrow:hover {
    background: rgba(208,143,160,0.10) !important;
}
html[data-theme="dark"] .ehd-rv-dot {
    background: rgba(208,143,160,0.25) !important;
}
html[data-theme="dark"] .ehd-rv-dot.is-active {
    background: var(--ehd-accent) !important;
}
/* Sterne bleiben golden — gut sichtbar im Dark */
html[data-theme="dark"] .ehd-rv-stars,
html[data-theme="dark"] .ehd-rv-stars-big {
    color: #f5b400 !important;
}

/* ===========================================================
   FAQ-AKKORDEON — ehd-faq-accordion.php
   =========================================================== */
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-wrap {
    background: var(--ehd-surface) !important;
    border-color: rgba(208,143,160,0.20) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-wrap *,
html[data-theme="dark"] #rank-math-faq .ehd-faq-group,
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-items,
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-items-inner,
html[data-theme="dark"] #rank-math-faq summary,
html[data-theme="dark"] #rank-math-faq details {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group:hover {
    background: rgba(208,143,160,0.06) !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-count {
    background: rgba(208,143,160,0.18) !important;
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] #rank-math-faq details summary {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq details[open] summary {
    color: var(--ehd-accent) !important;
}

/* FAQ INNER ITEMS — die einzelnen Fragen/Antworten innerhalb der Themengruppe */
html[data-theme="dark"] html body #rank-math-faq .rank-math-list-item,
html[data-theme="dark"] #rank-math-faq .rank-math-list-item,
html[data-theme="dark"] #rank-math-faq .rank-math-list .rank-math-list-item {
    background: var(--ehd-surface-2) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-list-item.is-open {
    background: var(--ehd-surface) !important;
    border-color: var(--ehd-accent) !important;
}
html[data-theme="dark"] html body #rank-math-faq .rank-math-question,
html[data-theme="dark"] #rank-math-faq .rank-math-question {
    color: var(--ehd-text) !important;
    background: transparent !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-question::after {
    color: var(--ehd-accent) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-list-item.is-open .rank-math-question {
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-answer {
    background: transparent !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-answer p,
html[data-theme="dark"] #rank-math-faq .rank-math-answer li,
html[data-theme="dark"] #rank-math-faq .rank-math-answer span,
html[data-theme="dark"] #rank-math-faq .rank-math-answer strong,
html[data-theme="dark"] #rank-math-faq .rank-math-answer * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-answer a {
    color: var(--ehd-accent) !important;
    text-decoration-color: rgba(208,143,160,0.5) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-answer a:hover {
    color: var(--ehd-accent-hover) !important;
}

/* Themen-Gruppe-Header (Ebene 1) — heller Hellbeige BG → dark surface */
html[data-theme="dark"] #rank-math-faq .ehd-faq-group {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group:hover {
    background: var(--ehd-surface-2) !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-items {
    background: transparent !important;
}
html[data-theme="dark"] #rank-math-faq .ehd-faq-group-wrap.is-open {
    border-color: var(--ehd-accent) !important;
}

/* ===========================================================
   WUNSCHFARBE WIZARD — ehd-wunschfarbe-bestellen.php
   =========================================================== */

/* ===========================================================
   MOBILE GLOBAL: Floating Chat (links unten) + Cart-FAB (rechts unten)
   überlappen sonst Content. Universal-Bottom-Padding für alle Pages.
   =========================================================== */
@media (max-width: 780px){
    /* Universal: jede Seite kriegt Scroll-Raum unten für Floating-Elements
       env(safe-area-inset-bottom) = iPhone Home-Indicator-Bereich (0 auf Android) */
    body:not(.single-product) {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }
    /* Single-Product hat eigene Sticky-Buy-Bar (88px) — Cart-FAB ist da versteckt */
    body.single-product {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }
    /* Wunschfarbe-Wizard: noch etwas mehr */
    body.page:has(.ehd-wf) {
        padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .ehd-wf {
        padding-bottom: 110px !important;
    }
    /* Die fixierte Preisleiste ist zwar das letzte Kind, klebt aber am Bildschirmrand —
       ein Außenabstand schöbe sie 90 px nach oben. Deshalb ausgenommen (30.07.2026). */
    .ehd-wf > *:last-child:not(.ehd-wf-sticky),
    .ehd-wf-actions {
        margin-bottom: 90px !important;
    }
    /* Chip-Grids: nicht ganz an den Bildschirm-Rand laufen lassen */
    .ehd-wf-chips,
    .ehd-wf .wapf-swatch-wrapper,
    .ehd-sf-chip-row,
    .ehd-shop-chips {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    /* Cart-Page Submit-Button + Account-Forms — extra Margin nach unten */
    .wp-block-woocommerce-cart .wc-block-cart__submit-container,
    .woocommerce-form-login,
    .woocommerce-form-register,
    .ehd-sf-login-card form,
    .ehd-sf-submit-wrap > *:last-child {
        margin-bottom: 70px !important;
    }
    /* Footer-Padding-Top auch etwas größer damit Trennung zum Content sichtbar */
    .wp-block-template-part.site-footer,
    footer.site-footer {
        margin-bottom: 60px !important;
    }
}

html[data-theme="dark"] .ehd-wf,
html[data-theme="dark"] .ehd-wf-body-pinned,
html[data-theme="dark"] .ehd-wf-collapse {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-wf *,
html[data-theme="dark"] .ehd-wf-collapse-title,
html[data-theme="dark"] .ehd-wf-collapse-value,
html[data-theme="dark"] .ehd-wf-chip,
html[data-theme="dark"] .ehd-wf-consent,
html[data-theme="dark"] .ehd-wf-actions-hint {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-wf-chip {
    background: rgba(208,143,160,0.10) !important;
    border-color: rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .ehd-wf-badge {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-wf-btn-primary {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-wf-btn-ghost {
    background: transparent !important;
    color: var(--ehd-accent) !important;
    border-color: var(--ehd-accent) !important;
}

/* ===========================================================
   SALON-FINDER — ehd-salon-finder.php
   (Finder-Suchseite + Salon-Eintragen-Formular)
   =========================================================== */
html[data-theme="dark"] .ehd-sf,
html[data-theme="dark"] .ehd-sf-hero,
html[data-theme="dark"] .ehd-sf-list-wrap,
html[data-theme="dark"] .ehd-sf-card,
html[data-theme="dark"] .ehd-sf-submit-wrap,
html[data-theme="dark"] .ehd-sf-submit-header,
html[data-theme="dark"] .ehd-sf-login-card,
html[data-theme="dark"] .ehd-sf-login-head,
html[data-theme="dark"] .ehd-sf-login-foot {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-sf *,
html[data-theme="dark"] .ehd-sf-eyebrow,
html[data-theme="dark"] .ehd-sf-adr,
html[data-theme="dark"] .ehd-sf-body,
html[data-theme="dark"] .ehd-sf-count,
html[data-theme="dark"] .ehd-sf-empty,
html[data-theme="dark"] .ehd-sf-submit-header h1,
html[data-theme="dark"] .ehd-sf-submit-header p,
html[data-theme="dark"] .ehd-sf-login-head h2,
html[data-theme="dark"] .ehd-sf-login-head p,
html[data-theme="dark"] .ehd-sf-login-foot,
html[data-theme="dark"] .ehd-sf-login-foot * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-sf-chip,
html[data-theme="dark"] .ehd-sf-eyebrow-pill {
    background: rgba(208,143,160,0.12) !important;
    border-color: rgba(208,143,160,0.30) !important;
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] .ehd-sf-card-ic,
html[data-theme="dark"] .ehd-sf-card-ic svg,
html[data-theme="dark"] .ehd-sf-card-ic svg * {
    color: var(--ehd-accent) !important;
    stroke: var(--ehd-accent) !important;
}
html[data-theme="dark"] .ehd-sf-btn-primary {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-sf-btn-ghost {
    background: transparent !important;
    color: var(--ehd-accent) !important;
    border-color: var(--ehd-accent) !important;
}

/* Search-Bar (oben auf /friseur-finden/) */
html[data-theme="dark"] .ehd-sf-search {
    background: var(--ehd-surface-2) !important;
    border-color: rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .ehd-sf-search input,
html[data-theme="dark"] .ehd-sf-search input[type="search"],
html[data-theme="dark"] #ehd-sf-q {
    background: transparent !important;
    color: var(--ehd-text) !important;
    border: 0 !important;
}
html[data-theme="dark"] .ehd-sf-search input::placeholder,
html[data-theme="dark"] #ehd-sf-q::placeholder {
    color: var(--ehd-text-muted) !important;
    opacity: 0.85 !important;
}
html[data-theme="dark"] .ehd-sf-search svg,
html[data-theme="dark"] .ehd-sf-search svg * {
    color: var(--ehd-accent) !important;
    stroke: var(--ehd-accent) !important;
    fill: var(--ehd-accent) !important;
}

/* Login-Form Inputs in der ehd-sf-login-card (Username, Passwort) */
html[data-theme="dark"] .ehd-sf-login-card form input[type="text"],
html[data-theme="dark"] .ehd-sf-login-card form input[type="email"],
html[data-theme="dark"] .ehd-sf-login-card form input[type="password"],
html[data-theme="dark"] .ehd-sf-login-card form input.input {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .ehd-sf-login-card form input:focus {
    border-color: var(--ehd-accent) !important;
    box-shadow: 0 0 0 3px rgba(208,143,160,0.15) !important;
}
html[data-theme="dark"] .ehd-sf-login-card form label,
html[data-theme="dark"] .ehd-sf-login-card .login-remember,
html[data-theme="dark"] .ehd-sf-login-card .login-remember * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-sf-login-card form .button,
html[data-theme="dark"] .ehd-sf-login-card form #wp-submit,
html[data-theme="dark"] .ehd-sf-login-card form input[type="submit"] {
    background: #6B1D3A !important;
    color: #ffffff !important;
    border-color: #6B1D3A !important;
}

/* ===========================================================
   PREMIUM DASHBOARD (My Account) — ehd-premium-dashboard.php
   =========================================================== */
html[data-theme="dark"] .ehd-dash,
html[data-theme="dark"] .ehd-dash-hero,
html[data-theme="dark"] .ehd-dash-card,
html[data-theme="dark"] .ehd-dash-quick,
html[data-theme="dark"] .ehd-dash-last,
html[data-theme="dark"] .ehd-dash-empty {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-dash *,
html[data-theme="dark"] .ehd-dash-hello,
html[data-theme="dark"] .ehd-dash-quick-grid {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-dash-pill,
html[data-theme="dark"] .ehd-dash-badge {
    background: rgba(208,143,160,0.18) !important;
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] .ehd-btn-primary {
    background: #6B1D3A !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ehd-btn-ghost {
    background: transparent !important;
    color: var(--ehd-accent) !important;
    border-color: var(--ehd-accent) !important;
}

/* ===========================================================
   CHARITY DONATION — ehd-charity-donation.php
   =========================================================== */
html[data-theme="dark"] .ehd-charity {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.20) !important;
}
html[data-theme="dark"] .ehd-charity *,
html[data-theme="dark"] .ehd-charity-chip,
html[data-theme="dark"] .ehd-rcpt-grid,
html[data-theme="dark"] .ehd-rcpt-attach {
    color: var(--ehd-text) !important;
}

/* ===========================================================
   APPOINTMENT FIELD — ehd-appointment-field.php
   "Ihr Friseur- oder Anwendungstermin" Kachel im Warenkorb-Item
   =========================================================== */
html[data-theme="dark"] .ehd-appt-box {
    background: linear-gradient(180deg, #1F141A 0%, #2A1A22 100%) !important;
    border: 1px solid rgba(208,143,160,0.22) !important;
}
html[data-theme="dark"] .ehd-appt-toggle,
html[data-theme="dark"] .ehd-appt-toggle * {
    background: transparent !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-appt-head-title {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-appt-head-hint,
html[data-theme="dark"] .ehd-appt-sub,
html[data-theme="dark"] .ehd-appt-foot {
    color: var(--ehd-text-muted) !important;
}
html[data-theme="dark"] .ehd-appt-icon,
html[data-theme="dark"] .ehd-appt-chev,
html[data-theme="dark"] .ehd-appt-toggle svg,
html[data-theme="dark"] .ehd-appt-toggle svg * {
    color: var(--ehd-accent) !important;
    stroke: var(--ehd-accent) !important;
}
html[data-theme="dark"] .ehd-appt-field label {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-appt-field input {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.30) !important;
}
html[data-theme="dark"] .ehd-appt-field input:focus {
    border-color: var(--ehd-accent) !important;
    box-shadow: 0 0 0 3px rgba(208,143,160,0.18) !important;
}
html[data-theme="dark"] .ehd-appt-foot::before {
    background: var(--ehd-accent) !important;
}

/* ===========================================================
   WC CART PAGE + CHECKOUT — alle bekannten Block-Klassen
   =========================================================== */
html[data-theme="dark"] .wc-block-cart,
html[data-theme="dark"] .wc-block-cart-items,
html[data-theme="dark"] .wc-block-checkout,
html[data-theme="dark"] .wp-block-woocommerce-cart,
html[data-theme="dark"] .wp-block-woocommerce-checkout,
html[data-theme="dark"] .wc-block-components-totals-wrapper,
html[data-theme="dark"] .wc-block-checkout__main,
html[data-theme="dark"] .wc-block-checkout__sidebar,
html[data-theme="dark"] .wc-block-components-sidebar-layout,
html[data-theme="dark"] .wc-block-components-sidebar,
html[data-theme="dark"] .wc-block-checkout__sidebar > div,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-block,
html[data-theme="dark"] .wc-block-components-order-summary,
html[data-theme="dark"] .wc-block-components-order-summary-item,
html[data-theme="dark"] .wc-block-components-totals-coupon,
html[data-theme="dark"] .wc-block-components-totals-coupon__content,
html[data-theme="dark"] .wc-block-components-totals-footer-item,
html[data-theme="dark"] .wc-block-components-form,
html[data-theme="dark"] .wc-block-components-panel {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.18) !important;
}

/* Bestellübersicht-Karten haben oft weißen BG via inline-style oder hartcodiert */
html[data-theme="dark"] [class*="checkout"] [class*="sidebar"] > div,
html[data-theme="dark"] .wc-block-components-totals-footer-item,
html[data-theme="dark"] [class*="order-summary"],
html[data-theme="dark"] [class*="order-summary"] > div {
    background-color: var(--ehd-surface) !important;
}

/* Hard override: ALLE weißen Hintergründe in der Checkout-Sidebar dunkel */
html[data-theme="dark"] .wc-block-checkout__sidebar [style*="background:#fff"],
html[data-theme="dark"] .wc-block-checkout__sidebar [style*="background-color:#fff"],
html[data-theme="dark"] .wc-block-checkout__sidebar [style*="background: white"],
html[data-theme="dark"] .wc-block-checkout__sidebar [style*="background-color: white"] {
    background-color: var(--ehd-surface) !important;
}

/* Bestellübersicht-Titel ("Bestellübersicht") + Untertitel */
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title,
html[data-theme="dark"] .wc-block-checkout__sidebar h1,
html[data-theme="dark"] .wc-block-checkout__sidebar h2,
html[data-theme="dark"] .wc-block-checkout__sidebar h3 {
    color: var(--ehd-text) !important;
}

/* Produktname + Preis im Order-Summary */
html[data-theme="dark"] .wc-block-components-order-summary-item__name,
html[data-theme="dark"] .wc-block-components-order-summary-item__quantity,
html[data-theme="dark"] .wc-block-components-order-summary-item__total-price,
html[data-theme="dark"] .wc-block-components-product-price,
html[data-theme="dark"] .wc-block-components-product-price__value,
html[data-theme="dark"] .wc-block-components-product-name {
    color: var(--ehd-text) !important;
}

/* Item Details (Länge, Grundmenge, Spitzenfülle etc.) */
html[data-theme="dark"] .wc-block-components-product-details,
html[data-theme="dark"] .wc-block-components-product-details__name,
html[data-theme="dark"] .wc-block-components-product-details__value,
html[data-theme="dark"] .wc-block-components-product-details li,
html[data-theme="dark"] .wc-block-components-product-details li * {
    color: var(--ehd-text-muted) !important;
}

/* Gutschein-Toggle */
html[data-theme="dark"] .wc-block-components-totals-coupon button,
html[data-theme="dark"] .wc-block-components-totals-coupon__button-link {
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] .wc-block-components-totals-coupon__form input[type="text"] {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: var(--ehd-border) !important;
}

/* Zwischensumme/Versand/Gesamt Zeilen */
html[data-theme="dark"] .wc-block-components-totals-item,
html[data-theme="dark"] .wc-block-components-totals-item__label,
html[data-theme="dark"] .wc-block-components-totals-item__value,
html[data-theme="dark"] .wc-block-components-totals-item__description {
    color: var(--ehd-text) !important;
    background: transparent !important;
}
html[data-theme="dark"] .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
html[data-theme="dark"] .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: var(--ehd-text) !important;
    font-weight: 700 !important;
}

/* "Lieferung ca. ..." Datums-Hinweis */
html[data-theme="dark"] .wc-block-components-shipping-rates-control__package,
html[data-theme="dark"] .wc-block-components-totals-shipping__via,
html[data-theme="dark"] [class*="shipping-delivery"],
html[data-theme="dark"] [class*="delivery-date"] {
    color: var(--ehd-text-muted) !important;
}

/* Wenn Container White-bg fest via stylesheet (kein inline) — extra Fallback */
html[data-theme="dark"] .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
html[data-theme="dark"] .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-totals-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-cart-items-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-fee-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-shipping-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-subtotal-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-taxes-block,
html[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-totals-block {
    background-color: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.18) !important;
}
html[data-theme="dark"] .wc-block-cart *,
html[data-theme="dark"] .wc-block-checkout *,
html[data-theme="dark"] .wc-block-components-form *,
html[data-theme="dark"] .wc-block-components-panel *,
html[data-theme="dark"] .wc-block-components-product-name,
html[data-theme="dark"] .wc-block-components-product-metadata,
html[data-theme="dark"] .wc-block-components-totals-item,
html[data-theme="dark"] .wc-block-components-radio-control__label,
html[data-theme="dark"] .wc-block-components-checkbox__label,
html[data-theme="dark"] .wc-block-components-text-input label {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .wc-block-components-text-input input,
html[data-theme="dark"] .wc-block-components-textarea textarea,
html[data-theme="dark"] .wc-block-components-select select {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: var(--ehd-border) !important;
}

/* Land/Region Combobox + State-Selector im Checkout */
html[data-theme="dark"] .wc-block-components-country-input,
html[data-theme="dark"] .wc-block-components-state-input,
html[data-theme="dark"] .wc-block-components-combobox,
html[data-theme="dark"] .wc-block-components-combobox-control,
html[data-theme="dark"] .wc-block-components-combobox .components-base-control,
html[data-theme="dark"] .wc-block-components-combobox__list,
html[data-theme="dark"] .wc-block-components-combobox-control__suggestions-container,
html[data-theme="dark"] .components-form-token-field__input-container,
html[data-theme="dark"] .components-form-token-field {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: var(--ehd-border) !important;
}
html[data-theme="dark"] .wc-block-components-country-input *,
html[data-theme="dark"] .wc-block-components-state-input *,
html[data-theme="dark"] .wc-block-components-combobox *,
html[data-theme="dark"] .wc-block-components-combobox input,
html[data-theme="dark"] .components-form-token-field input,
html[data-theme="dark"] .components-form-token-field__input,
html[data-theme="dark"] .components-base-control__label,
html[data-theme="dark"] .components-base-control__field {
    background: transparent !important;
    color: var(--ehd-text) !important;
}
/* Dropdown-Vorschläge ("Suggestions" beim Tippen) */
html[data-theme="dark"] .wc-block-components-combobox-control__suggestions-container ul,
html[data-theme="dark"] .components-form-token-field__suggestions-list {
    background: var(--ehd-surface) !important;
    border-color: var(--ehd-border) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .components-form-token-field__suggestion {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .components-form-token-field__suggestion.is-selected,
html[data-theme="dark"] .components-form-token-field__suggestion:hover {
    background: rgba(208,143,160,0.18) !important;
    color: var(--ehd-accent-hover) !important;
}
/* Floating Label des Inputs (das "Land/Region" Label) */
html[data-theme="dark"] .wc-block-components-text-input label,
html[data-theme="dark"] .wc-block-components-select label,
html[data-theme="dark"] .wc-block-components-country-input label,
html[data-theme="dark"] .wc-block-components-state-input label,
html[data-theme="dark"] .wc-block-components-checkout-step label {
    color: var(--ehd-text-muted) !important;
    background: transparent !important;
}
html[data-theme="dark"] .wc-block-components-text-input.is-active label,
html[data-theme="dark"] .wc-block-components-text-input input:focus + label {
    color: var(--ehd-accent-hover) !important;
}
/* Payment-Methode-Kacheln */
html[data-theme="dark"] .wc-block-components-radio-control__option {
    background: var(--ehd-surface-2) !important;
    border-color: var(--ehd-border) !important;
}
html[data-theme="dark"] .wc-block-components-radio-control__option--checked,
html[data-theme="dark"] .wc-block-components-radio-control__option.is-checked {
    background: rgba(208,143,160,0.10) !important;
    border-color: var(--ehd-accent) !important;
}

/* ===========================================================
   MY-ACCOUNT (Woo) — Tabellen, Adressen, Tabs
   =========================================================== */
html[data-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-theme="dark"] .woocommerce-MyAccount-content,
html[data-theme="dark"] .woocommerce-MyAccount-content table,
html[data-theme="dark"] .woocommerce-orders-table,
html[data-theme="dark"] .woocommerce-Address {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .woocommerce-MyAccount-navigation a,
html[data-theme="dark"] .woocommerce-MyAccount-content *,
html[data-theme="dark"] .woocommerce-Address * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .woocommerce-MyAccount-navigation li.is-active a,
html[data-theme="dark"] .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--is-active a {
    color: var(--ehd-accent) !important;
}
html[data-theme="dark"] .woocommerce-MyAccount-content table th,
html[data-theme="dark"] .woocommerce-MyAccount-content table td,
html[data-theme="dark"] .woocommerce-orders-table th,
html[data-theme="dark"] .woocommerce-orders-table td {
    border-color: rgba(244,236,230,0.10) !important;
    color: var(--ehd-text) !important;
}

/* ===========================================================
   HAARFARBEN-SWATCH CAPTIONS auf Startseite — identisch wie /haarfarben/
   LAYOUT (Position) in BEIDEN Modi gleich.
   FARBE: hell im Dark Mode, dunkel im Light Mode.
   =========================================================== */
figure#haarfarben figcaption,
figure#haarfarben .wp-element-caption,
.hc-overview figcaption,
.hc-overview .wp-element-caption,
.wp-block-image:has(> a[href*="/haarfarben/#"]) figcaption,
.wp-block-image:has(> a[href*="/haarfarben/#"]) .wp-element-caption,
.wp-block-image:has(> a[href^="#"]) figcaption,
.wp-block-image:has(> a[href^="#"]) .wp-element-caption {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 6px !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    white-space: normal !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    pointer-events: auto !important;
}
/* Light Mode: dunkle Schrift */
html:not([data-theme="dark"]) figure#haarfarben figcaption,
html:not([data-theme="dark"]) figure#haarfarben .wp-element-caption,
html:not([data-theme="dark"]) .hc-overview figcaption,
html:not([data-theme="dark"]) .hc-overview .wp-element-caption,
html:not([data-theme="dark"]) .wp-block-image:has(> a[href*="/haarfarben/#"]) figcaption,
html:not([data-theme="dark"]) .wp-block-image:has(> a[href*="/haarfarben/#"]) .wp-element-caption,
html:not([data-theme="dark"]) .wp-block-image:has(> a[href^="#"]) figcaption,
html:not([data-theme="dark"]) .wp-block-image:has(> a[href^="#"]) .wp-element-caption {
    color: #1a0a0e !important;
    -webkit-text-fill-color: #1a0a0e !important;
}
/* Dark Mode: weiße Schrift */
html[data-theme="dark"] figure#haarfarben figcaption,
html[data-theme="dark"] figure#haarfarben .wp-element-caption,
html[data-theme="dark"] .hc-overview figcaption,
html[data-theme="dark"] .hc-overview .wp-element-caption,
html[data-theme="dark"] .wp-block-image:has(> a[href*="/haarfarben/#"]) figcaption,
html[data-theme="dark"] .wp-block-image:has(> a[href*="/haarfarben/#"]) .wp-element-caption,
html[data-theme="dark"] .wp-block-image:has(> a[href^="#"]) figcaption,
html[data-theme="dark"] .wp-block-image:has(> a[href^="#"]) .wp-element-caption {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* Wrapper darf Caption nicht abschneiden */
.wp-block-image:has(> a[href*="/haarfarben/#"]),
.wp-block-image:has(> a[href^="#"]),
figure#haarfarben .wp-block-image {
    overflow: visible !important;
    text-align: center !important;
}

/* ===========================================================
   HERO-TEXT auf Startseite in .has-custom-rosa-1-background-color
   Rosa-1 bg = #fde9e0 (helles Rosa), bleibt im Dark Mode hell.
   Text + Heading MÜSSEN dunkel sein für Lesbarkeit.
   Höchste Specificity via mehrfacher Klassen-Verkettung.
   =========================================================== */
/* Schrift in rosa-1/rosa-2-Sektionen → hell (Dark-Mode-Konsistenz) */
html[data-theme="dark"] body .has-custom-rosa-1-background-color h1,
html[data-theme="dark"] body .has-custom-rosa-1-background-color h2,
html[data-theme="dark"] body .has-custom-rosa-1-background-color h3,
html[data-theme="dark"] body .has-custom-rosa-1-background-color p,
html[data-theme="dark"] body .has-custom-rosa-1-background-color span,
html[data-theme="dark"] body .has-custom-rosa-1-background-color div,
html[data-theme="dark"] body .has-custom-rosa-1-background-color figcaption,
html[data-theme="dark"] body .has-custom-rosa-1-background-color .wp-element-caption,
html[data-theme="dark"] body .has-custom-rosa-2-background-color h1,
html[data-theme="dark"] body .has-custom-rosa-2-background-color h2,
html[data-theme="dark"] body .has-custom-rosa-2-background-color h3,
html[data-theme="dark"] body .has-custom-rosa-2-background-color p,
html[data-theme="dark"] body .has-custom-rosa-2-background-color span,
html[data-theme="dark"] body .has-custom-rosa-2-background-color div {
    color: var(--ehd-text) !important;
    -webkit-text-fill-color: var(--ehd-text) !important;
}
html[data-theme="dark"] body .has-custom-rosa-1-background-color a:not(.wp-element-button):not(.wp-block-button__link),
html[data-theme="dark"] body .has-custom-rosa-2-background-color a:not(.wp-element-button):not(.wp-block-button__link) {
    color: var(--ehd-accent-hover) !important;
    -webkit-text-fill-color: var(--ehd-accent-hover) !important;
}

/* Hard-coded Plugin-Farben im Tab-Bereich neutralisieren */
html[data-theme="dark"] .woocommerce-Tabs-panel [style*="color:#2a0e12"],
html[data-theme="dark"] .woocommerce-Tabs-panel [style*="color:#3a1c24"],
html[data-theme="dark"] .woocommerce-Tabs-panel [style*="color:#3d2c10"],
html[data-theme="dark"] .woocommerce-Tabs-panel [style*="color:#7a623d"] {
    color: var(--ehd-text) !important;
}

/* ===========================================================
   AUSWAHL-CHIPS (Product Selection Summary) — dark surface
   =========================================================== */
html[data-theme="dark"] .ehd-prod-summary,
html[data-theme="dark"] .wapf-product-totals .wapf--inner {
    background: linear-gradient(180deg, #1F141A 0%, #2A1A22 100%) !important;
    border: 1px solid rgba(208,143,160,0.18) !important;
    border-radius: 12px !important;
}
html[data-theme="dark"] .ehd-prod-summary > *,
html[data-theme="dark"] .ehd-prod-summary li,
html[data-theme="dark"] .ehd-prod-summary li *,
html[data-theme="dark"] .ehd-prod-summary li .lbl,
html[data-theme="dark"] .ehd-prod-summary li .val,
html[data-theme="dark"] .ehd-prod-summary-empty,
html[data-theme="dark"] .wapf-product-totals,
html[data-theme="dark"] .wapf-product-totals * {
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .ehd-prod-summary li .surcharge,
html[data-theme="dark"] .wapf-total,
html[data-theme="dark"] .wapf-grand-total {
    color: var(--ehd-accent-hover) !important;
}
/* Chips größer + lesbarer (User: "die chips können ruhig größer sein") */
html[data-theme="dark"] .ehd-prod-summary li {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 5px 0 !important;
}
html[data-theme="dark"] .ehd-prod-summary li .lbl {
    font-size: 14px !important;
    max-width: 50% !important;
}
html[data-theme="dark"] .ehd-prod-summary li .val {
    font-size: 14px !important;
}
html[data-theme="dark"] .ehd-prod-summary li .surcharge {
    font-size: 12.5px !important;
}
/* Header der Summary-Card */
html[data-theme="dark"] .ehd-prod-summary > div:first-child,
html[data-theme="dark"] .ehd-prod-summary [class*="title"],
html[data-theme="dark"] .ehd-prod-summary [class*="header"] {
    font-size: 13px !important;
    color: #6B1D3A !important;
}

/* Im Light-Mode auch chips größer machen — Konsistenz */
html:not([data-theme="dark"]) .ehd-prod-summary li {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 5px 0 !important;
}
html:not([data-theme="dark"]) .ehd-prod-summary li .lbl,
html:not([data-theme="dark"]) .ehd-prod-summary li .val {
    font-size: 14px !important;
}
html:not([data-theme="dark"]) .ehd-prod-summary li .surcharge {
    font-size: 12.5px !important;
}

/* ===========================================================
   MINI-CART DRAWER (slide-in beim Warenkorb-Klick)
   Inkl. „Versandkostenfrei"-Kachel am unteren Rand
   =========================================================== */
html[data-theme="dark"] .wc-block-mini-cart__drawer,
html[data-theme="dark"] .wc-block-mini-cart__contents,
html[data-theme="dark"] .wc-block-mini-cart__title,
html[data-theme="dark"] .wc-block-mini-cart__title-wrapper,
html[data-theme="dark"] .wp-block-woocommerce-mini-cart-contents {
    background: var(--ehd-surface) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .wc-block-mini-cart__contents *,
html[data-theme="dark"] .wp-block-woocommerce-mini-cart-contents *,
html[data-theme="dark"] .wc-block-cart-items *,
html[data-theme="dark"] .wc-block-cart-item *,
html[data-theme="dark"] .wc-block-mini-cart-items * {
    color: var(--ehd-text) !important;
}
/* Produktname im Cart */
html[data-theme="dark"] .wc-block-cart-item__product a,
html[data-theme="dark"] .wc-block-cart-item__product-name,
html[data-theme="dark"] .wc-block-cart-item__name {
    color: var(--ehd-text) !important;
    font-weight: 600 !important;
}
/* Variation/Meta unter Produktname */
html[data-theme="dark"] .wc-block-cart-item__product .wc-block-components-product-details {
    color: var(--ehd-text-muted) !important;
}
html[data-theme="dark"] .wc-block-components-product-details li,
html[data-theme="dark"] .wc-block-components-product-details li * {
    color: var(--ehd-text-muted) !important;
}
/* Mengen-Selector */
html[data-theme="dark"] .wc-block-components-quantity-selector input,
html[data-theme="dark"] .wc-block-components-quantity-selector button {
    background: var(--ehd-surface-2) !important;
    color: var(--ehd-text) !important;
    border-color: var(--ehd-border) !important;
}
/* Versandkostenfrei-Banner am Cart-Drawer-Footer */
html[data-theme="dark"] .wc-block-components-totals-wrapper,
html[data-theme="dark"] .wc-block-mini-cart__footer,
html[data-theme="dark"] .wp-block-woocommerce-mini-cart-footer-block {
    background: linear-gradient(180deg, #1A1014 0%, #221820 100%) !important;
    border-top: 1px solid rgba(208,143,160,0.18) !important;
    color: var(--ehd-text) !important;
}
html[data-theme="dark"] .wc-block-mini-cart__footer *,
html[data-theme="dark"] .wp-block-woocommerce-mini-cart-footer-block * {
    color: var(--ehd-text) !important;
}
/* Free shipping notice / threshold info */
html[data-theme="dark"] .wc-block-mini-cart-shipping-banner,
html[data-theme="dark"] .wc-block-mini-cart-shipping-banner *,
html[data-theme="dark"] [class*="shipping-banner"],
html[data-theme="dark"] [class*="free-shipping"],
html[data-theme="dark"] [class*="shipping-notice"],
html[data-theme="dark"] .wc-block-components-totals-shipping,
html[data-theme="dark"] .wc-block-components-totals-shipping * {
    color: var(--ehd-text) !important;
    background-color: transparent !important;
}
/* Wenn das Versand-Banner ein eigenes Cream-/Gold-Tile hat (Plugin-stamped): bleibt hell, Schrift schwarz */
html[data-theme="dark"] [class*="shipping-banner"][style*="background"],
html[data-theme="dark"] .wc-block-mini-cart__footer [style*="background:#f"],
html[data-theme="dark"] .wc-block-mini-cart__footer [style*="background:#F"] {
    color: #1a1014 !important;
}
html[data-theme="dark"] [class*="shipping-banner"][style*="background"] *,
html[data-theme="dark"] .wc-block-mini-cart__footer [style*="background:#f"] *,
html[data-theme="dark"] .wc-block-mini-cart__footer [style*="background:#F"] * {
    color: #1a1014 !important;
}
/* Mini-Cart "Zur Kasse" Button */
html[data-theme="dark"] .wc-block-mini-cart__footer .wc-block-cart__submit-button,
html[data-theme="dark"] .wc-block-mini-cart__footer a.wp-block-button__link {
    background: var(--ehd-accent) !important;
    color: #1a1014 !important;
}
html[data-theme="dark"] .wc-block-mini-cart__footer a:not(.wp-block-button__link):not(.wc-block-cart__submit-button) {
    color: var(--ehd-accent) !important;
}
/* Preise in Zahlen */
html[data-theme="dark"] .wc-block-cart-item__total-price-and-sale-badge-wrapper,
html[data-theme="dark"] .wc-block-components-product-price {
    color: var(--ehd-text) !important;
}

/* WEINROT (Burgund) bleibt dunkel → Text weiß */
html[data-theme="dark"] .has-custom-weinrot-1-background-color,
html[data-theme="dark"] .has-custom-weinrot-1-background-color *,
html[data-theme="dark"] .has-custom-weinrot-2-background-color,
html[data-theme="dark"] .has-custom-weinrot-2-background-color * {
    color: #ffffff !important;
}
html[data-theme="dark"] .has-custom-weinrot-1-background-color svg,
html[data-theme="dark"] .has-custom-weinrot-1-background-color svg *,
html[data-theme="dark"] .has-custom-weinrot-2-background-color svg,
html[data-theme="dark"] .has-custom-weinrot-2-background-color svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ===========================================================
   STICKY-BUY-BAR + ANDERE MU-PLUGINS mit hellem Hintergrund
   ===========================================================
   Diese Plugins haben CSS in <style>-Blöcken mit hart-kodierten
   Textfarben. [style*=] greift dort nicht — also pro Klasse. */

/* ehd-product-sticky-buy.php — komplette Sticky-Buy-Bar auf dunklen Surface umkippen */
html[data-theme="dark"] .ehd-sb {
    background: linear-gradient(180deg, #1F141A 0%, #2A1A22 100%) !important;
    border-top: 1px solid rgba(208,143,160,0.18) !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
}
/* Chips-Container: KEIN durchgezogener Bordeaux-Strip — transparent über Bar-BG */
html[data-theme="dark"] .ehd-sb-chips,
html[data-theme="dark"] .ehd-sb-summary {
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
}
/* Einzelne Chips: helle Pille mit Bordeaux-Schrift — klar sichtbar, premium
   (Höhere Specificity via .ehd-sb Anker, sonst gewinnt das spätere [class*="ehd-sb-"]) */
html[data-theme="dark"] .ehd-sb .ehd-sb-chip,
html[data-theme="dark"] body .ehd-sb-chip {
    background: #EFE4D2 !important;
    border: 1px solid rgba(107,29,58,0.30) !important;
    color: #6B1D3A !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .ehd-sb .ehd-sb-chip *,
html[data-theme="dark"] .ehd-sb .ehd-sb-chip span,
html[data-theme="dark"] .ehd-sb .ehd-sb-chip strong,
html[data-theme="dark"] .ehd-sb .ehd-sb-chip .lbl,
html[data-theme="dark"] .ehd-sb .ehd-sb-chip .val,
html[data-theme="dark"] body .ehd-sb-chip *,
html[data-theme="dark"] body .ehd-sb-chip span,
html[data-theme="dark"] body .ehd-sb-chip strong {
    color: #6B1D3A !important;
}
html[data-theme="dark"] .ehd-sb .ehd-sb-chip .surcharge,
html[data-theme="dark"] body .ehd-sb-chip .surcharge {
    color: #8B2E50 !important;
}
html[data-theme="dark"] .ehd-sb,
html[data-theme="dark"] .ehd-sb-chip,
html[data-theme="dark"] .ehd-sb-label,
html[data-theme="dark"] .ehd-sb-title,
html[data-theme="dark"] .ehd-sb-qty,
html[data-theme="dark"] .ehd-sb-summary,
html[data-theme="dark"] .ehd-sb-price-current,
html[data-theme="dark"] .ehd-sb-price-old,
html[data-theme="dark"] [class*="ehd-sb-"]:not([class*="ehd-sb-chip-pulse"]):not([class*="ehd-sb-add"]):not([class*="ehd-sb-freeship"]):not(.ehd-sb-chip):not(.ehd-sb-chip *) {
    color: var(--ehd-text) !important;
}
/* Chips innerhalb der Sticky-Bar — Bordeaux-Schrift, höchste Priorität */
html[data-theme="dark"] body .ehd-sb .ehd-sb-chips .ehd-sb-chip,
html[data-theme="dark"] body .ehd-sb .ehd-sb-chips .ehd-sb-chip *,
html[data-theme="dark"] body .ehd-sb-chip,
html[data-theme="dark"] body .ehd-sb-chip * {
    color: #6B1D3A !important;
}
html[data-theme="dark"] .ehd-sb svg:not([class*="pulse"] svg):not([class*="add"] svg):not([class*="freeship"] svg),
html[data-theme="dark"] .ehd-sb svg * {
    fill: var(--ehd-accent-hover) !important;
    stroke: var(--ehd-accent-hover) !important;
}
/* Goldgradient-Preis bleibt sichtbar (überschreiben Glow-Text-Fill mit hellem Gold) */
html[data-theme="dark"] .ehd-sb-price-current,
html[data-theme="dark"] .ehd-sb-price-saved {
    color: #E8C887 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #E8C887 !important;
}
/* Buttons + Pulse-Chips bleiben ihr eigenes Burgund-Styling (weiße Schrift drauf) */
html[data-theme="dark"] .ehd-sb-chip-pulse,
html[data-theme="dark"] .ehd-sb-add,
html[data-theme="dark"] .ehd-sb-add * {
    color: #ffffff !important;
}
/* Versandkostenfrei-Kachel: Bordeaux-Hintergrund, weiße Schrift + weiße Icons (NICHT überschreiben) */
html[data-theme="dark"] .ehd-sb-freeship,
html[data-theme="dark"] .ehd-sb-freeship *,
html[data-theme="dark"] .ehd-sb-freeship span,
html[data-theme="dark"] .ehd-sb-freeship strong,
html[data-theme="dark"] .ehd-sb-freeship svg,
html[data-theme="dark"] .ehd-sb-freeship svg * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Mengen-Eingabefeld in der Sticky-Buy-Bar — transparent über dunklem BG, helle Schrift */
html[data-theme="dark"] .ehd-sb-qty {
    background: rgba(208,143,160,0.06) !important;
    border-color: rgba(208,143,160,0.25) !important;
}
html[data-theme="dark"] .ehd-sb-qty input,
html[data-theme="dark"] .ehd-sb-qty input[type="number"],
html[data-theme="dark"] .ehd-sb-qty input[type="text"] {
    background: transparent !important;
    color: var(--ehd-text) !important;
    border-color: rgba(208,143,160,0.25) !important;
}
html[data-theme="dark"] .ehd-sb-qty button {
    background: transparent !important;
    color: var(--ehd-accent-hover) !important;
}
html[data-theme="dark"] .ehd-sb-qty button:hover {
    background: rgba(208,143,160,0.15) !important;
    color: #ffffff !important;
}

/* ===========================================================
   GENERISCHE FALLBACK-REGEL
   Jedes Element mit hellem Custom-Background → schwarzes Text
   =========================================================== */
html[data-theme="dark"] [class*="hellbeige"] *:not(svg):not(path),
html[data-theme="dark"] [class*="creme"] *:not(svg):not(path),
html[data-theme="dark"] [class*="-hell-"] *:not(svg):not(path) {
    /* darker text on light surfaces — Fallback */
    color: #1a1a1a;
}

/* Links + Akzente */
html[data-theme="dark"] a:not(.wp-block-button__link):not(.button):not(.wc-block-mini-cart__button) {
    color: var(--ehd-accent);
}
html[data-theme="dark"] a:hover:not(.wp-block-button__link):not(.button) {
    color: var(--ehd-accent-hover);
}

/* Cards, Box-Surfaces (Gruppen, Pattern-Container mit hellem BG) */
/* Rosa-1/Rosa-2/Hellbeige/Weinrot/Dunkelbraun explizit ausgenommen — die behalten
   ihren Theme-Hintergrund. NUR andere has-background-Gruppen werden dunkel. */
html[data-theme="dark"] .wp-block-group.has-background:not([class*="dark-grey-background"]):not([class*="black-background"]):not([class*="custom-rosa"]):not([class*="custom-hellbeige"]):not([class*="custom-dunkelbraun"]):not([class*="custom-weinrot"]) {
    background-color: var(--ehd-surface) !important;
}
html[data-theme="dark"] .wc-block-cart-items,
html[data-theme="dark"] .wc-block-components-totals-wrapper,
html[data-theme="dark"] .wc-block-checkout__main,
html[data-theme="dark"] .wc-block-checkout__sidebar,
html[data-theme="dark"] .woocommerce-MyAccount-content,
html[data-theme="dark"] .woocommerce-mini-cart {
    background-color: var(--ehd-surface) !important;
    color: var(--ehd-text);
}

/* Inputs / Forms */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: var(--ehd-surface-2);
    color: var(--ehd-text);
    border-color: var(--ehd-border);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--ehd-text-muted);
}

/* Buttons primär — heller Akzent */
html[data-theme="dark"] .wp-block-button__link,
html[data-theme="dark"] .button:not(.alt),
html[data-theme="dark"] button.single_add_to_cart_button {
    background-color: var(--ehd-accent) !important;
    color: #1a1014 !important;
    border-color: var(--ehd-accent) !important;
}
html[data-theme="dark"] .wp-block-button__link:hover {
    background-color: var(--ehd-accent-hover) !important;
}

/* Toggle Button — selbst */
.ehd-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--ehd-border);
    background: var(--ehd-surface);
    color: var(--ehd-text);
    cursor: pointer;
    padding: 0;
    margin: 0 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
    flex: 0 0 auto;
    vertical-align: middle;
}

/* ===========================================================
   MOBILE-OPTIMIERUNG Header-Icons (Anmelden + Cart + Toggle)
   Auf Mobile alles kompakt zusammen, nicht verteilt
   =========================================================== */
@media (max-width: 780px){
    .ehd-theme-toggle {
        width: 36px !important;
        height: 36px !important;
        margin: 0 2px !important;
    }
    .ehd-theme-toggle svg {
        width: 16px !important;
        height: 16px !important;
    }
    /* Customer-Account-Button (Anmelden-Pille) kompakter */
    .wp-block-woocommerce-customer-account,
    .wc-block-customer-account {
        margin: 0 2px !important;
    }
    .wc-block-customer-account__link {
        padding: 6px 10px !important;
        gap: 4px !important;
    }
    .wc-block-customer-account__link .label {
        font-size: 12px !important;
    }
    .wc-block-customer-account__account-icon {
        width: 20px !important;
        height: 20px !important;
    }
    /* Mini-Cart-Button kompakter */
    header .wp-block-woocommerce-mini-cart,
    header .wc-block-mini-cart {
        margin: 0 2px !important;
    }
    header .wc-block-mini-cart__button {
        padding: 6px 8px !important;
    }
    /* Header-Gruppe: kleinere Gap zwischen Icons */
    .wp-block-group.is-content-justification-right.is-nowrap,
    .wp-block-group:has(> .wp-block-woocommerce-customer-account),
    .wp-block-group:has(> .wp-block-woocommerce-mini-cart) {
        gap: 4px !important;
        column-gap: 4px !important;
    }
    /* Trenner-Pipe "|" zwischen Anmelden und Cart verstecken auf Mobile */
    header .wp-block-group p:has-text("|"),
    header > * > p {
        margin: 0 !important;
    }
}

/* Sehr klein: 380px und kleiner — noch kompakter */
@media (max-width: 380px){
    .ehd-theme-toggle {
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
    }
    .wc-block-customer-account__link .label {
        display: none !important; /* nur Icon zeigen auf sehr kleinem Display */
    }
    .wc-block-customer-account__link {
        padding: 6px !important;
    }
}
.ehd-theme-toggle:hover {
    background: var(--ehd-accent);
    color: #fff;
    border-color: var(--ehd-accent);
    transform: scale(1.05);
}
.ehd-theme-toggle:active {
    transform: scale(0.95);
}
.ehd-theme-toggle svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* ===========================================================
   Dark-Mode-Umschalter IM Hamburger-Menü (volle Breite, unten)
   Gleicher Karten-Look wie die Menüpunkte: weißer Text auf
   halbtransparenter Karte. Ersetzt den alten Header-Toggle.
   =========================================================== */
#main-menu .ehd-mtt-li {
    grid-column: 1 / -1 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#main-menu .ehd-menu-theme-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.2;
    cursor: pointer;
    box-sizing: border-box;
    transition: background .2s ease, border-color .2s ease, transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}
#main-menu .ehd-menu-theme-toggle:hover,
#main-menu .ehd-menu-theme-toggle:focus {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.22);
}
#main-menu .ehd-menu-theme-toggle:active { transform: scale(.98); }
#main-menu .ehd-menu-theme-toggle .ehd-mtt-icon { display: inline-flex; flex: 0 0 auto; }
#main-menu .ehd-menu-theme-toggle .ehd-mtt-icon svg { width: 20px; height: 20px; display: block; }
#main-menu .ehd-menu-theme-toggle .ehd-mtt-label { white-space: nowrap; }
/* ── FIX (02.06.2026): Das Theme legt mask-image (assets/img/icon-arrow.svg) auf
   ALLE Menü-Spans (für die Dropdown-Pfeile der Menüpunkte). Das erwischte unsere
   Toggle-Spans und schnitt Sonne/Mond-Icon UND das Label in eine Pfeilform → es
   sahen 2 Chevrons statt „🌙 Dunkler Modus" / „☀️ Heller Modus" aus. Maske hier
   gezielt abschalten + saubere Größen erzwingen. ── */
#main-menu .ehd-menu-theme-toggle .ehd-mtt-icon,
#main-menu .ehd-menu-theme-toggle .ehd-mtt-label {
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: none !important;
}
#main-menu .ehd-menu-theme-toggle .ehd-mtt-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
}
#main-menu .ehd-menu-theme-toggle .ehd-mtt-icon svg { width: 20px !important; height: 20px !important; }
#main-menu .ehd-menu-theme-toggle .ehd-mtt-label {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* SCHUTZ: Produktbilder + Haarfarben-Swatches NIE filtern/invertieren */
html[data-theme="dark"] .wc-block-grid__product-image img,
html[data-theme="dark"] .woocommerce-product-gallery img,
html[data-theme="dark"] [class*="haarfarben"] img,
html[data-theme="dark"] [class*="swatch"] img,
html[data-theme="dark"] .wapf-field img {
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
}

/* ── Sofort-Lieferbar Lagerware-Karten (.ehlw-*): im Dark Mode lesbar machen.
   Plugin hart-kodiert weiße Karten + helle Spec-Kästchen mit dunklem Text. ── */
html[data-theme="dark"] .ehlw-card {
    background: #1A1014 !important;
    border-color: rgba(244,236,230,0.10) !important;
}
html[data-theme="dark"] .ehlw-card-head {
    background: #221820 !important;
}
html[data-theme="dark"] .ehlw-card-body,
html[data-theme="dark"] .ehlw-card-titel {
    color: #F4ECE6 !important;
}
html[data-theme="dark"] .ehlw-spec,
html[data-theme="dark"] .ehlw-spec * {
    color: #ECDDCB !important;
}
html[data-theme="dark"] .ehlw-spec {
    background: rgba(184,153,104,0.16) !important;
    border-color: rgba(184,153,104,0.32) !important;
}
html[data-theme="dark"] .ehlw-card-preis {
    color: #E2BE86 !important;
}

/* ===========================================================
   Dark-Mode-Toggle IM HEADER (neben der Sprachauswahl #ehd-lang)
   Runder Icon-Button im Pillen-Stil, nur Icon (Sonne/Mond).
   =========================================================== */
.ehd-header-theme-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    margin-left:8px !important;
    padding:0 !important;
    border:1px solid rgba(40,10,18,.12) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#6B1D3A !important;
    cursor:pointer !important;
    vertical-align:middle !important;
    box-shadow:0 1px 3px rgba(40,10,18,.08) !important;
    transition:background .18s ease, box-shadow .18s ease, transform .15s ease, color .18s ease !important;
    -webkit-tap-highlight-color:transparent;
    line-height:0 !important;
}
.ehd-header-theme-toggle:hover,
.ehd-header-theme-toggle:focus{
    box-shadow:0 4px 14px rgba(40,10,18,.16) !important;
}
.ehd-header-theme-toggle:active{ transform:scale(.96) !important; }
.ehd-header-theme-toggle .ehd-mtt-icon{
    display:inline-flex !important;
    flex:0 0 20px !important;
    width:20px !important;
    height:20px !important;
    -webkit-mask:none !important;
    mask:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    background:none !important;
}
.ehd-header-theme-toggle .ehd-mtt-icon svg{
    width:20px !important;
    height:20px !important;
    display:block !important;
}
/* Im Header nur das Icon zeigen, kein Text */
.ehd-header-theme-toggle .ehd-mtt-label{ display:none !important; }

/* Dark Mode: dunkle Pille, helles Icon */
html[data-theme="dark"] .ehd-header-theme-toggle{
    background:rgba(255,255,255,.06) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#F4ECE6 !important;
    box-shadow:none !important;
}
html[data-theme="dark"] .ehd-header-theme-toggle:hover,
html[data-theme="dark"] .ehd-header-theme-toggle:focus{
    background:rgba(255,255,255,.14) !important;
}
@media (max-width:600px){
    .ehd-header-theme-toggle{ width:38px !important; height:38px !important; min-width:38px !important; margin-left:6px !important; }
}