/* bcm-darstellung kontrast.css 0.1.3 · Hoher Kontrast fuer Sehbehinderte, liegt ueber Dunkel bzw. Hell.
   Greift nur mit data-bcm-kontrast="hoch" (Knopf "Kontrast" oder Betriebssystem prefers-contrast: more).
   Ziel WCAG 2.2 AAA: Text 7:1, grosser Text 4,5:1, keine Grauabstufungen fuer Text, Fokus immer sichtbar, Links unterstrichen.
   Dunkel+Kontrast: Schwarz #000, Text Weiss 21:1 bzw. #e6e6e6 16,8:1, Links und Fokus Gelb #ffd400 14,7:1, Markengruen 8,8:1.
   Hell+Kontrast:   Weiss #fff, Text Schwarz 21:1 bzw. #333 12,6:1, Links #2a430d 11:1, Fokus Schwarz.
   Kopf und Fuss bleiben in ihrer Farbe (gemessen 0 Fehler), bekommen aber Fokus und Unterstreichung. */

/* Schalter: Kontrast-Knopf vom Farbpaar abgesetzt */
.bcm-darstellung .bcm-kontrast-knopf { margin-inline-start: 6px; }

/* ---------- gemeinsam ---------- */
html[data-bcm-kontrast="hoch"][data-bcm-farbe="dunkel"] { --bcm-k-fokus: #ffd400; --bcm-k-grund: #000; }
html[data-bcm-kontrast="hoch"][data-bcm-farbe="hell"]   { --bcm-k-fokus: #000;    --bcm-k-grund: #fff; }
/* Woodmart unterdrueckt den Fokusrahmen an vielen Stellen (outline: none): hier immer sichtbar, 3px + Gegenring */
html[data-bcm-kontrast="hoch"] :focus-visible { outline: 3px solid var(--bcm-k-fokus) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--bcm-k-grund) !important; }
/* Links im Fliesstext immer unterstrichen (nicht nur per Farbe erkennbar) */
html[data-bcm-kontrast="hoch"] .wd-page-content :is(p, li, td, dd, label, figcaption, .woocommerce-product-details__short-description) a:not(.button):not(.btn) { text-decoration: underline !important; text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Etikett "Hot" (Woodmart, Weiss auf #e22d2d 4,5:1): in Kontrast dunkleres Rot #a30000, Weiss 8,2:1 (Rundgang kfa29b) */
html[data-bcm-kontrast="hoch"] .product-labels .product-label.featured { background-color: #a30000; color: #fff; }

/* ---------- DUNKEL + KONTRAST ---------- */
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] body,
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] [class*=color-scheme-light],
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] [class*=color-scheme-dark] {
  --wd-text-color: #fff; --wd-title-color: #fff; --wd-widget-title-color: #fff;
  --wd-entities-title-color: #fff; --wd-entities-title-color-hover: #ffd400;
  --wd-link-color: #ffd400; --wd-link-color-hover: #fff;
  --color-gray-300: #e6e6e6; --color-gray-400: #e6e6e6; --color-gray-500: #e6e6e6; --color-gray-600: #fff;
  --color-gray-700: #fff; --color-gray-800: #fff; --color-gray-900: #fff;
  --brdcolor-gray-200: rgba(255,255,255,.45); --brdcolor-gray-300: rgba(255,255,255,.55); --brdcolor-gray-400: rgba(255,255,255,.65); --brdcolor-gray-500: rgba(255,255,255,.75);
  --wd-form-brd-color: #fff; --wd-form-brd-color-focus: #ffd400; --wd-form-placeholder-color: #e6e6e6;
  --dark-text-primary: #fff; --dark-text-secondary: #fff; --dark-text-muted: #e6e6e6; --tax-note-color: #e6e6e6;
  --bunker-surface: #000;
}
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] :is(body, .wd-page-content) { background-color: #000; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .wd-page-title { background-color: #000; border-bottom: 2px solid #fff; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .products :is(.product-grid-item, .wd-product) { background: #000; border: 2px solid rgba(255,255,255,.75); box-shadow: none; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .products :is(.product-grid-item, .wd-product):hover { border-color: #ffd400; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .products .child-tax-note { color: #e6e6e6; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] body .wd-cat-count.more-products,
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] body .wd-cat-count.more-products a { color: #e6e6e6 !important; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] :is(.lexikon-preview-box, .youtube-subscribe) { background: #000; border: 2px solid rgba(255,255,255,.75); }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] :is(.lexikon-text p, .lexikon-text small) { color: #e6e6e6; }
/* 0.1.3: Aktionsknoepfe der Produktkachel (Vorschau, Merkliste, Vergleich; Woodmart .wd-buttons und
   .wd-style-icon-bg-text) zeichnen ihren Grund mit --bgcolor-white, das in .color-scheme-dark #FFF ist; das Symbol nimmt
   --color-gray-800, das dieser Block auf #fff setzt -> Weiss auf Weiss (Betreiber-Screenshot 2026-10-28, Zustand beim
   Ueberfahren, kfa45). Grund Schwarz mit weissem Rand, Symbol bleibt #fff (21:1), Hover #e6e6e6. */
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .wd-buttons { background: #000; box-shadow: 0 0 0 2px #fff; }
html[data-bcm-farbe="dunkel"][data-bcm-kontrast="hoch"] .wd-action-btn.wd-style-icon-bg-text > a { background-color: #000; box-shadow: 0 0 0 2px #fff; }

/* ---------- HELL + KONTRAST ---------- */
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content,
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content [class*=color-scheme-light],
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content [class*=color-scheme-dark] {
  --wd-text-color: #000; --wd-title-color: #000; --wd-widget-title-color: #000;
  --wd-entities-title-color: #000; --wd-entities-title-color-hover: #2a430d;
  --wd-link-color: #2a430d; --wd-link-color-hover: #000; --wd-primary-color: #2a430d;
  --color-gray-300: #333; --color-gray-400: #333; --color-gray-500: #1a1a1a; --color-gray-600: #1a1a1a;
  --color-gray-700: #000; --color-gray-800: #000; --color-gray-900: #000;
  --brdcolor-gray-200: rgba(0,0,0,.45); --brdcolor-gray-300: rgba(0,0,0,.55); --brdcolor-gray-400: rgba(0,0,0,.65); --brdcolor-gray-500: rgba(0,0,0,.75);
  --wd-form-brd-color: #000; --wd-form-brd-color-focus: #000; --wd-form-placeholder-color: #333;
  --dark-text-primary: #000; --dark-text-secondary: #1a1a1a; --dark-text-muted: #333; --tax-note-color: #333;
  --bunker-surface: #fff;
  /* Woodmart-Navigation (Reiter, Kategorie-Leiste) zeichnet inaktive Eintraege mit 70 % von --wd-navigation-color:
     Hell 51,51,51 ergab #707070 auf Weiss 4,9:1 (Rundgang kfa30c); Schwarz ergibt #4d4d4d 8,5:1 */
  --wd-navigation-color: 0,0,0;
}
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-title { background-color: #fff; border-bottom: 2px solid #000; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .products :is(.product-grid-item, .wd-product) { border: 2px solid #000; box-shadow: none; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .products :is(.product-grid-item, .wd-product):hover { border-color: #2a430d; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .products :is(.wd-product, .product-grid-item) .wd-entities-title { color: #000; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] :is(.products .price, .woocommerce ul.products li.product .price, .products .child-unit-price, .products .child-seed-count) { color: #2a430d; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .products .child-tax-note { color: #333; }
/* 0.1.3: Aktionsknoepfe der Produktkachel mit schwarzem Rand wie die Kachel (Grund #fff, Symbol #000 21:1) */
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content .wd-buttons { box-shadow: 0 0 0 2px #000; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content .wd-action-btn.wd-style-icon-bg-text > a { box-shadow: 0 0 0 2px #000; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] body .wd-cat-count.more-products,
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] body .wd-cat-count.more-products a { color: #333 !important; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] :is(.lexikon-preview-box, .youtube-subscribe) { background: #fff; border: 2px solid #000; box-shadow: none; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] :is(.lexikon-text h3, .bcm-lx-heading, .bcm-lx-name) { color: #000; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] :is(.lexikon-text p, .lexikon-text small) { color: #1a1a1a; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] .wd-page-content :is(.bcm-lx-cta, a.bcm-lexikon-link) { color: #2a430d; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] body .glsr-default { --glsr-review-verified: #2a430d; }
html[data-bcm-farbe="hell"][data-bcm-kontrast="hoch"] body.woocommerce-checkout #order_review label :is(a, span a):is(:link, :visited) { color: #2a430d !important; }

/* ---------- Windows-Kontrastdesign (forced-colors): System-Farben, nur Rahmen und Fokus sichern ---------- */
@media (forced-colors: active) {
  .bcm-darstellung button { border: 1px solid ButtonText; }
  .bcm-darstellung button[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  :focus-visible { outline: 3px solid CanvasText !important; outline-offset: 2px !important; }
  .products :is(.product-grid-item, .wd-product) { border: 1px solid CanvasText; }
}