/* ═══════════════════════════════════════════════════════════════════
   BSN Dark Mode — alle hellen Boxen im Artikel-Content (09.07.2026)
   NACH dem gesamten bestehenden Custom CSS einfügen.
   Danach: Astroid Cache leeren!
   ═══════════════════════════════════════════════════════════════════ */

/* ── Design-Token ── */
[data-bs-theme="dark"] {
  --vb-tint: #252538 !important;
  --vb-tint-border: #3a3a5c !important;
  --vb-muted: #9090c0 !important;
  --vb-text: #c8c8d8 !important;
  --vb-accent: #7b7fd4 !important;
  --vb-accent-dark: #a0a4e8 !important;
  --vb-accent-hover: #9498e0 !important;
}

/* ── 1. Vorbestell-Box ── */
[data-bs-theme="dark"] .vorbestell-box {
  background: #1e1e2e !important;
}

[data-bs-theme="dark"] .vorbestell-box__panel {
  background: var(--vb-tint) !important;
}

[data-bs-theme="dark"] .vorbestell-box__btn {
  background: var(--vb-accent) !important;
}

[data-bs-theme="dark"] .vorbestell-box__btn:hover {
  background: var(--vb-accent-hover) !important;
}

/* ── 2. bsn-facts ── */
[data-bs-theme="dark"] .bsn-facts {
  background: #1e1e2e !important;
}

[data-bs-theme="dark"] .bsn-facts__tile {
  background: var(--vb-tint) !important;
}

/* ── 3. ANY inline white/cream background inside article ── */
[data-bs-theme="dark"] .item-page [style*="background:#fff"],
[data-bs-theme="dark"] .item-page [style*="background: #fff"],
[data-bs-theme="dark"] .item-page [style*="background:#ffffff"],
[data-bs-theme="dark"] .item-page [style*="background-color:#fff"],
[data-bs-theme="dark"] .item-page [style*="background: white"],
[data-bs-theme="dark"] .item-page [style*="background:#f2f2f2"],
[data-bs-theme="dark"] .item-page [style*="background: #f2f2f2"],
[data-bs-theme="dark"] .item-page [style*="background:#f5f5fa"],
[data-bs-theme="dark"] .item-page [style*="background: #f5f5fa"],
[data-bs-theme="dark"] .item-page [style*="background:#f9f7f4"],
[data-bs-theme="dark"] .item-page [style*="background: #f9f7f4"],
[data-bs-theme="dark"] .com-content-article [style*="background:#fff"],
[data-bs-theme="dark"] .com-content-article [style*="background: #fff"],
[data-bs-theme="dark"] .com-content-article [style*="background:#ffffff"],
[data-bs-theme="dark"] .com-content-article [style*="background:#f2f2f2"],
[data-bs-theme="dark"] .com-content-article [style*="background: #f2f2f2"],
[data-bs-theme="dark"] .com-content-article [style*="background:#f5f5fa"],
[data-bs-theme="dark"] .com-content-article [style*="background:#f9f7f4"],
[data-bs-theme="dark"] .com-content-article [style*="background:#f0f4f8"],
[data-bs-theme="dark"] .com-content-article [style*="background: #f0f4f8"],
[data-bs-theme="dark"] .astroid-component-area [style*="background:#fff"],
[data-bs-theme="dark"] .astroid-component-area [style*="background: #fff"],
[data-bs-theme="dark"] .astroid-component-area [style*="background:#f2f2f2"],
[data-bs-theme="dark"] .astroid-component-area [style*="background:#f5f5fa"],
[data-bs-theme="dark"] .astroid-component-area [style*="background:#f9f7f4"] {
  background: #1e1e2e !important;
  background-color: #1e1e2e !important;
}

/* ── 4. bsn-infobox (Legacy) ── */
[data-bs-theme="dark"] .bsn-infobox {
  background: #1e1e2e !important;
  border-color: var(--vb-tint-border) !important;
}

[data-bs-theme="dark"] .bsn-infobox td {
  border-color: var(--vb-tint-border) !important;
  color: var(--vb-text) !important;
}

[data-bs-theme="dark"] .bsn-infobox td:first-child {
  color: var(--vb-accent-dark) !important;
}

/* ── 5. bsn-table (Legacy) ── */
[data-bs-theme="dark"] .bsn-table td {
  border-color: var(--vb-tint-border) !important;
  color: var(--vb-text) !important;
}

[data-bs-theme="dark"] .bsn-table td:first-child {
  color: var(--vb-accent-dark) !important;
}

/* ── 6. Text-Elemente ── */
[data-bs-theme="dark"] .bsn-dachzeile {
  color: #aaa !important;
  border-color: var(--vb-tint-border) !important;
}

[data-bs-theme="dark"] .bsn-meta {
  color: #888 !important;
}

[data-bs-theme="dark"] .bsn-recherche {
  color: #888 !important;
  border-color: var(--vb-tint-border) !important;
}