/* =========================================================
   solar-batteriespeicher.ch — palette overrides + descam
   Minimal-invasive: swaps purple/cyan/neon palette for
   navy/cream/gold and disables floating scam CTAs.
   ========================================================= */

:root {
  --primary: #0f2942;        /* navy (was purple #7c3aed) */
  --primary-dark: #0a1f33;
  --primary-light: #d4a838;  /* gold accent for hover/highlights */
  --accent: #d4a838;          /* gold (was cyan #06b6d4) */
  --accent-dark: #b58e2a;
  --accent-light: #e8c66a;
  --energy: #2f7d32;          /* deeper green, less neon */
  --energy-dark: #1b5e20;
  --energy-light: #66bb6a;
  --dark: #1a2233;            /* dark navy instead of zinc */
  --dark-800: #232b3d;
  --dark-700: #2f3849;
  --dark-600: #4a5568;
  --light: #faf7f0;           /* warm cream */
  --light-200: #f3ede0;
  --light-300: #e6dfd1;
  --light-400: #8089a0;
  --warning: #d4a838;
  --shadow-purple: 0 6px 18px -4px rgba(15,41,66,.18);
  --shadow-cyan:   0 6px 18px -4px rgba(212,168,56,.18);
}

/* --- Hide scam patterns: floating CTAs, urgency badges, glows --- */
.scroll-top,
#pvf-quick-trigger,
#pvf-quick-popup,
.hero-glow, .hero-glow-1, .hero-glow-2,
.hero-bg-grid,
.hero-badge {
  display: none !important;
}

/* --- Calm hero (dark navy gradient over photo, no purple/cyan) --- */
.bg-gradient-hero {
  background: linear-gradient(135deg, rgba(15,41,66,0.7) 0%, rgba(10,31,51,0.55) 100%), url('../images/hero.png') center/cover no-repeat !important;
}
.hero h1 .gradient-text {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

/* --- Calm CTA section (no purple/violet) --- */
.cta-card {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
}
.cta-card::before { display: none !important; }
.bg-gradient-purple {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
}

/* --- Tone down badges --- */
.badge-purple { background: rgba(15,41,66,.10) !important; color: var(--primary) !important; }
.badge-cyan   { background: rgba(212,168,56,.15) !important; color: var(--accent-dark) !important; }
.badge-green  { background: rgba(47,125,50,.12) !important; color: var(--energy-dark) !important; }

/* --- Buttons (strip purple shadow glow) --- */
.btn-primary { background: var(--primary) !important; color: #fff !important; box-shadow: none !important; }
.btn-primary:hover { background: var(--primary-dark) !important; color: #fff !important; }
.btn-accent { background: var(--accent) !important; color: var(--primary) !important; box-shadow: none !important; }
.btn-accent:hover { background: var(--accent-dark) !important; color: #fff !important; }
.btn-outline { border-color: var(--primary) !important; color: var(--primary) !important; }
.btn-outline:hover { background: var(--primary) !important; color: #fff !important; }
.btn-outline-light { border-color: rgba(255,255,255,.6) !important; color: #fff !important; }
.btn-outline-light:hover { background: #fff !important; color: var(--primary) !important; }

/* --- Navbar: subtle border instead of scammy purple pill --- */
.nav-cta {
  background: var(--primary) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.nav-cta:hover { background: var(--primary-dark) !important; }
/* Defuse any inline purple-pill styles left on Blog link in nav/footer */
.nav-menu a[style*="#7c3aed"],
.footer a[style*="#7c3aed"] {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
}

/* --- Footer keep dark but match navy palette --- */
.footer { background: var(--dark) !important; }

/* --- Disable scammy pulse animations --- */
.pulse-animation, [class*="pulse"] { animation: none !important; }

/* --- "Aktualisiert" sticky-update style chips: in case .badge variants reappear, keep them subtle --- */
.product-card-icon { background: rgba(15,41,66,.08) !important; }