/* ── SHARED LIGHT MODE OVERRIDES (alle Unterseiten) ───────────── */
body.light-mode {
  --c-bg:      #f0f4f8;
  --c-surface: #ffffff;
  --c-mid:     #e4ecf4;
  --c-blue:    #3a7db5;
  --c-pink:    #e8008c;
  --c-pink-dim:#b8006e;
  --c-white:   #1a2a3a;
  --c-muted:   #4a6080;
  --c-border:  rgba(30,45,82,0.14);
}
body.light-mode nav {
  background: rgba(240,244,248,0.92) !important;
  border-bottom-color: rgba(30,45,82,0.1);
}
body.light-mode nav.scrolled { background: rgba(240,244,248,0.98) !important; }
body.light-mode footer { background: #dce5f0 !important; }
body.light-mode input,
body.light-mode select,
body.light-mode textarea {
  background: #fff;
  color: #1a2a3a;
  border-color: rgba(30,45,82,0.2);
}
body.light-mode .ba-before { background: linear-gradient(135deg,#d8e4f0 0%,#c8d8e8 100%); }
body.light-mode .ba-after  { background: linear-gradient(135deg,#d0f0e0 0%,#b8e8d0 100%); }

/* Hero/Page-Header Grids für Light Mode anpassen */
body.light-mode .page-header-grid,
body.light-mode .hero-grid {
  background-image:
    linear-gradient(rgba(30,45,82,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,45,82,0.05) 1px, transparent 1px) !important;
}
body.light-mode .page-header-grid::after { background: linear-gradient(transparent, var(--c-bg)) !important; }

/* Lightbox & dunkle Overlays heller */
body.light-mode .lightbox { background: rgba(220,229,240,0.96); }
body.light-mode .lightbox-inner { background: #fff; }

/* CTA / Featured Karten – im Light Mode neutralisieren */
body.light-mode .cta-banner {
  background: linear-gradient(135deg, #fff 0%, #f0eef8 50%, #ecf2fa 100%) !important;
  border-color: rgba(232,0,140,0.25);
}
body.light-mode .leistung-card.featured {
  background: linear-gradient(135deg, #ffffff 0%, #ecf2fa 100%) !important;
}
body.light-mode .leistung-card[id="protect365"] {
  background: linear-gradient(135deg, #fff5fb 0%, #f0eef8 50%, #ecf2fa 100%) !important;
}
body.light-mode .gallery-img.pv-inspect { background: linear-gradient(135deg,#dce8f4 0%,#c8d8ec 100%); }
body.light-mode .gallery-img.pv-clean   { background: linear-gradient(135deg,#dce8f4 0%,#c8d8ec 100%); }
body.light-mode .gallery-img.fassade    { background: linear-gradient(135deg,#e8dcf4 0%,#d8c8ec 100%); }
body.light-mode .gallery-img.wind       { background: linear-gradient(135deg,#dce8f4 0%,#c8d8ec 100%); }
body.light-mode .float-card { background: var(--c-surface) !important; border-color: var(--c-border) !important; }

/* Theme-Toggle Button */
.theme-toggle {
  width: 36px; height: 36px; border-radius: 50%;
  border: 1.5px solid var(--c-border);
  background: rgba(255,255,255,0.06);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.18s, border-color 0.18s;
  flex-shrink: 0;
}
.theme-toggle:hover { background: rgba(232,0,140,0.1); border-color: rgba(232,0,140,0.3); }
.theme-toggle svg {
  width: 18px; height: 18px;
  fill: none; stroke: var(--c-muted);
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
  transition: stroke 0.18s;
}
.theme-toggle:hover svg { stroke: var(--c-pink); }
body.light-mode .theme-toggle { background: rgba(30,45,82,0.06); }