/* bcm-darstellung darstellung.css 0.4.4 · Schalter Dunkel/Hell und helle Darstellung.
   Dunkel ist der Ausgangszustand: ohne data-bcm-farbe="hell" greift ausser dem Schalter nichts aus dieser Datei.
   Hell gilt nur im Inhaltsbereich .wd-page-content (Seitentitel, Inhalt, Seitenleiste): Woodmarts Hellsatz + die
   Farbvariablen des Child-Themes. Kopf, Kopfbanner, Fuss, Werkzeugleiste, Seitenmenue und Popups liegen ausserhalb und
   bleiben unveraendert dunkel. Alle Textfarben auf Weiss mindestens 7:1 (WCAG AAA): #1a1a1a 17,4 · #444 9,7 ·
   #595959 7,0 · Gruen #3d6014 7,3. Markengruen #83b735 nur als Flaeche mit schwarzer Schrift (8,8:1). */

/* Schalter in der gruenen Kopfleiste: Schwarz auf #82b735 8,7:1, aktiv #83b735 auf Schwarz 8,8:1, Zielgroesse >= 24px */
.bcm-darstellung { display: inline-flex; gap: 4px; margin-inline-start: 12px; vertical-align: middle; }
.bcm-darstellung button { min-height: 24px; min-width: 24px; margin: 0; padding: 2px 8px; border: 1px solid #000; border-radius: 3px;
  background: transparent; color: #000; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 0;
  text-transform: none; box-shadow: none; cursor: pointer; }
.bcm-darstellung button[aria-pressed="true"] { background: #000; color: #83b735; }
.bcm-darstellung button:focus-visible { outline: 2px solid #000; outline-offset: 2px; }

/* ---------- HELL: Inhalt ----------
   0.4.2: auch [class*=color-scheme-dark] (Produktkacheln, Woodmart-Option products_color_scheme): Woodmarts
   .color-scheme-dark setzt die Grauwerte auf Standard zurueck (#bbb), Preiseinheit und Streichpreis fielen auf 1,92:1. */
html[data-bcm-farbe="hell"] { color-scheme: light; }
html[data-bcm-farbe="hell"] .wd-page-content,
html[data-bcm-farbe="hell"] .wd-page-content [class*=color-scheme-light],
html[data-bcm-farbe="hell"] .wd-page-content [class*=color-scheme-dark] {
  /* Woodmart-Hellsatz (.color-scheme-dark, css/style.min.css) */
  --color-white: #FFF; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #666; --color-gray-400: #595959;
  --color-gray-500: #595959; --color-gray-600: #555; --color-gray-700: #444; --color-gray-800: #333; --color-gray-900: #242424;
  --color-black-rgb: 0,0,0; --bgcolor-white: #FFF; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1;
  --bgcolor-black-rgb: 0,0,0; --bgcolor-white-rgb: 255,255,255;
  --brdcolor-gray-200: rgba(0,0,0,.075); --brdcolor-gray-300: rgba(0,0,0,.105); --brdcolor-gray-400: rgba(0,0,0,.12); --brdcolor-gray-500: rgba(0,0,0,.2);
  /* Woodmart-Theme-Einstellungen (dort weiss bzw. Mint) */
  --wd-text-color: #444; --wd-title-color: #1a1a1a; --wd-widget-title-color: #1a1a1a;
  --wd-entities-title-color: #1a1a1a; --wd-entities-title-color-hover: #3d6014;
  --wd-link-color: #3d6014; --wd-link-color-hover: #2a430d; --wd-primary-color: #3d6014;
  --notices-success-color: #2a430d;
  --wd-form-brd-color: rgba(0,0,0,.2); --wd-form-brd-color-focus: rgba(0,0,0,.4); --wd-form-placeholder-color: #595959;
  --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM1NTUiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);
  --wd-navigation-color: 51,51,51; --wd-main-bgcolor: #fff; --wd-otl-color-scheme: #000;
  /* Child-Theme (style.css, card-grid.css) */
  --dark-text-primary: #1a1a1a; --dark-text-secondary: #444; --dark-text-muted: #595959; --tax-note-color: #595959;
  --bunker-surface: #f4f4f4; --accent-green-primary: #3d6014; --accent-green-light: #3d6014;
  --shadow-subtle: 0 1px 4px rgba(0,0,0,.08);
  color: var(--wd-text-color);
}
html[data-bcm-farbe="hell"] .wd-page-content { background-color: #fff; }

/* Seitentitel: hellgrauer Balken statt Schwarz */
html[data-bcm-farbe="hell"] .wd-page-title { background-color: #f2f2f2; }
html[data-bcm-farbe="hell"] .wd-page-title .wd-page-title-bg { background-color: transparent; background-image: none; }

/* Produktkacheln (card-grid.css) */
html[data-bcm-farbe="hell"] .products :is(.product-grid-item, .wd-product) { background: #fff; border-color: rgba(0,0,0,.12); box-shadow: 0 1px 4px rgba(0,0,0,.08); }
html[data-bcm-farbe="hell"] .products :is(.product-grid-item, .wd-product):hover { border-color: #3d6014; box-shadow: 0 0 8px rgba(61,96,20,.25); }
html[data-bcm-farbe="hell"] .products :is(.wd-product, .product-grid-item) .wd-entities-title { color: #1a1a1a; }
html[data-bcm-farbe="hell"] .products :is(.wd-product, .product-grid-item) .wd-entities-title a:hover { color: #3d6014; }
html[data-bcm-farbe="hell"] :is(.products .price, .woocommerce ul.products li.product .price, .products .child-unit-price, .products .child-seed-count) { color: #3d6014; }
html[data-bcm-farbe="hell"] .products .child-tax-note { color: #595959; }
html[data-bcm-farbe="hell"] body .wd-cat-count.more-products,
html[data-bcm-farbe="hell"] body .wd-cat-count.more-products a { color: #595959 !important; }
html[data-bcm-farbe="hell"] body .wd-cat-count.more-products a:hover { color: #3d6014 !important; }
html[data-bcm-farbe="hell"] .wd-cat-thumb.category-image-wrapp a.category-image { box-shadow: 0 0 6px rgba(0,0,0,.08); }

/* Zuechter-Seite: Ueberschriften im Kategorietext (card-grid.css setzt Weiss mit !important) */
html[data-bcm-farbe="hell"] body:is(.term-zuechter, .term-breeders) .wd-cat-content :is(h1, h2, h3, h4, h5, h6) { color: #1a1a1a !important; }
html[data-bcm-farbe="hell"] body:is(.term-zuechter, .term-breeders) .wd-cat-content a:hover { color: #3d6014 !important; }

/* Lexikon- und YouTube-Kasten der Startseite */
html[data-bcm-farbe="hell"] .lexikon-preview-box { background: #f4f4f4; box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 10px rgba(0,0,0,.08); }
html[data-bcm-farbe="hell"] :is(.lexikon-image-wrapper img, .lexikon-image-wrapper video) { border-bottom-color: #ddd; }
html[data-bcm-farbe="hell"] .lexikon-text h3 { color: #1a1a1a; }
html[data-bcm-farbe="hell"] .lexikon-text p { color: #444; }
html[data-bcm-farbe="hell"] .lexikon-text small { color: #595959; }
html[data-bcm-farbe="hell"] .youtube-title { color: #1a1a1a; text-shadow: none; }
html[data-bcm-farbe="hell"] .youtube-subscribe { background-color: #f4f4f4; }
html[data-bcm-farbe="hell"] :is(.lexikon-preview-box, .youtube-embed-box, .youtube-subscribe):hover { box-shadow: 0 0 0 1px #3d6014, 0 2px 12px rgba(61,96,20,.2); }

/* Bewertungen: Haekchen "Verifiziert" (basis.css setzt Markengruen fuer Dunkel) */
html[data-bcm-farbe="hell"] body .glsr-default { --glsr-review-verified: #3d6014; }

/* 0.4.1 nach Rundgang kfa21b: Lexikon-Slider (bcm-lexikon-slider.php, dort Weiss bzw. Markengruen) */
html[data-bcm-farbe="hell"] .wd-page-content :is(.bcm-lx-heading, .bcm-lx-name) { color: #1a1a1a; }
html[data-bcm-farbe="hell"] .wd-page-content .bcm-lx-cta { color: #3d6014; }
/* Lexikon-Verweise im Produkttext (bcm-lexikon-autolink.php) */
html[data-bcm-farbe="hell"] .wd-page-content a.bcm-lexikon-link { color: #3d6014; }
/* Pflicht-Haekchen der Kasse: bcm-checkout.php faerbt Links in #order_review-Labels mit !important Markengruen
   (Spezifitaet bis 1,2,4; gemessen kfa27). Hell spiegelt diese Selektoren mit vorangestelltem html[data-bcm-farbe]
   und :is(:link,:visited) und liegt damit darueber (1,3,6). Dunkel bleibt bei der Regel aus bcm-checkout.php. */
html[data-bcm-farbe="hell"] body.woocommerce-checkout #order_review label :is(a, span a):is(:link, :visited) { color: #3d6014 !important; }
html[data-bcm-farbe="hell"] body.woocommerce-checkout #order_review label :is(a, span a):is(:hover, :focus) { color: #2a430d !important; }
/* Rabatt-Label: Markengruen bleibt Flaeche mit schwarzer Schrift (8,8:1); --wd-primary-color ist in Hell Textgruen */
html[data-bcm-farbe="hell"] .wd-page-content .product-labels .product-label.onsale { background-color: rgb(131,183,53); color: #000; }