/* ╔══════════════════════════════════════════════════════════════════╗
   ║  Dark Mode – aktiv über <html data-theme="dark">                   ║
   ║  Grün bleibt Akzentfarbe, Flächen werden dunkel, Text hell.        ║
   ╚══════════════════════════════════════════════════════════════════╝ */

html[data-theme="dark"] {
  color-scheme: dark;
  --black:      #ececec;   /* Textfarbe (heißt im Theme historisch "black") */
  --dark-gray:  #0c0d0c;   /* Footer, Statistiken, Drawer */
  --mid-gray:   #a3a8a3;
  --light-gray: #1f221f;
  --border:     #2f332f;
  --white:      #131313;
  --surface:    #1b1d1b;
  --surface-2:  #131313;
  --text-muted: #a3a8a3;
  --green:      #74c234;   /* minimal heller für Kontrast auf dunklem Grund */
}

/* Sanfter Übergang nur beim Umschalten (nicht beim Laden) */
html.theme-transition, html.theme-transition *, html.theme-transition *::before, html.theme-transition *::after {
  transition: background-color .3s ease, border-color .3s ease, color .3s ease !important;
}

/* ── Grundflächen ── */
[data-theme="dark"] body { background: #131313; color: var(--black); }
[data-theme="dark"] .site-header,
[data-theme="dark"] .nav-menu .sub-menu,
[data-theme="dark"] .main-nav { background: #181a18; }
[data-theme="dark"] .site-header { box-shadow: 0 2px 14px rgba(0,0,0,.6); }
[data-theme="dark"] .site-header.scrolled { box-shadow: 0 2px 0 rgba(116,194,52,.35), 0 4px 24px rgba(0,0,0,.6); }
[data-theme="dark"] .nav-menu .sub-menu li a:hover { background: #242824; }

[data-theme="dark"] .breaking-news-bar { background: #050605; }
[data-theme="dark"] .post-card,
[data-theme="dark"] .sidebar .widget { background: var(--surface); }
[data-theme="dark"] .post-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.55); }
[data-theme="dark"] .hero-banner.has-brush-image { background: #131313 !important; }
[data-theme="dark"] .hero-subtitle--solid { color: #1a1a1a !important; }

/* Weiße Übergangs-Pinsel des Sliders an den dunklen Seitenhintergrund anpassen */
[data-theme="dark"] .slider-brush-top,
[data-theme="dark"] .slider-brush-bottom { filter: brightness(.075); }

/* ── Text ── */
[data-theme="dark"] .entry-content { color: #d4d6d4; }
[data-theme="dark"] .entry-content > p:first-child { color: var(--black); }
[data-theme="dark"] .entry-content a { color: var(--green); }
[data-theme="dark"] .entry-content blockquote { border-left-color: var(--green); color: #c9ccc9; }
[data-theme="dark"] .entry-content table th,
[data-theme="dark"] .entry-content table td { border-color: var(--border); }
[data-theme="dark"] .entry-content code,
[data-theme="dark"] .entry-content pre { background: #0e0f0e; color: #e2e2e2; }
[data-theme="dark"] .entry-content hr { border-color: var(--border); }

/* ── Formulare ── */
[data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="url"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="password"], [data-theme="dark"] textarea, [data-theme="dark"] select {
  background: #101110; color: var(--black); border-color: var(--border);
}
[data-theme="dark"] ::placeholder { color: #7d827d; }

/* ── Bilder etwas abdunkeln, damit sie nicht blenden ── */
[data-theme="dark"] .entry-content img:not(.lb-img),
[data-theme="dark"] .post-card-image img { filter: brightness(.92); }
[data-theme="dark"] .post-card:hover .post-card-image img { filter: brightness(1); }

/* ── Komponenten der Erweiterungen ── */
[data-theme="dark"] .next-match { box-shadow: 0 10px 40px rgba(0,0,0,.5); }
[data-theme="dark"] .countdown-unit { background: #0a0b0a; border: 1px solid var(--border); }
[data-theme="dark"] .player-card-silhouette { color: rgba(255,255,255,.12); }
[data-theme="dark"] .membership-fees { background: #0a0b0a; border: 1px solid var(--border); }
[data-theme="dark"] .theme-toggle { border-color: #3a3f3a; }

/* Partner-/Sponsorlogos behalten ihren weißen Hintergrund (Logos sind meist für Hell gemacht),
   werden aber leicht gedimmt */
[data-theme="dark"] .partners-logos a,
[data-theme="dark"] .sponsor-nolink,
[data-theme="dark"] .sponsor-marquee-group > a { background: #f2f2f2; }

/* FuPa-/fussball.de-Widgets sind hell gestaltet – Rahmen statt Invertierung */
[data-theme="dark"] .sidebar .widget [class*="fupa"],
[data-theme="dark"] .team-fupa-embed { border-radius: 4px; }
[data-theme="dark"] .team-fupa-embed { background: #fff; padding: 8px; }
[data-theme="dark"] .next-match--band { box-shadow: none; }
[data-theme="dark"] .next-match--band .countdown-unit { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }