/* ============================================================
   Savannah iDoctor — HALLOWEEN THEME OVERRIDE
   Seasonal overlay (Oct 2026). Visuals only: colors, backgrounds,
   accents. No layout, size, position, content, or link changes.
   Revert = remove this file + its <link> and the .halloween-banner
   div from each page, and restore the homepage hero img src.
   Palette: deep purple-black #150A24 · Halloween orange #FF7A1A ·
   purple #8B5CF6 / #7C3AED (secondary accent).
   ============================================================ */

/* --- Accent shift: the site's teal brand color becomes Halloween
       orange; surfaces and base go deep purple. Driven through the
       site's own CSS variables so buttons, links, highlights,
       borders and glows follow automatically. --- */
:root {
  --bg: #150a24 !important;
  --surface: #1e1136 !important;
  --brand: #ff7a1a !important;
  --brand-deep: #150a24 !important;
  --brand-soft: #2a1450 !important;
  --footer-bg: #0d0618 !important;
  --line: #342452 !important;
  --px-line: #3b2566 !important;
}

/* --- Page background: purple-black base + repeating Halloween
       pattern (the fixed texture layer every page paints over). --- */
body {
  background-color: #150a24;
  background-image: url("/images/halloween-pattern.png");
  background-repeat: repeat;
  background-size: auto;
}
body::before {
  background-image: url("/images/halloween-pattern.png");
  background-repeat: repeat;
  background-size: auto;
}

/* --- Full-width dark bands: deep purple with orange/purple glows
       (replaces the near-black bands and their red/teal glows). --- */
.dark-band {
  background-color: rgba(26, 11, 48, 0.94);
  background-image:
    radial-gradient(760px 340px at 88% 0%, rgba(255, 122, 26, 0.14), transparent 60%),
    radial-gradient(700px 300px at 5% 100%, rgba(124, 58, 237, 0.16), transparent 60%);
}
.quote,
.quote-cta {
  background-color: #170b2c;
  background-image:
    radial-gradient(760px 320px at 8% 0%, rgba(255, 122, 26, 0.12), transparent 60%),
    radial-gradient(720px 300px at 95% 100%, rgba(124, 58, 237, 0.15), transparent 60%);
}

/* --- Hero glow: orange moonlight + purple haze (was red/teal). --- */
.hero {
  background:
    radial-gradient(1100px 480px at 85% -80px, rgba(255, 122, 26, 0.17), transparent 62%),
    radial-gradient(800px 420px at -10% 110%, rgba(124, 58, 237, 0.19), transparent 60%);
}

/* --- Header band tint (subpage header/topbar sits on the theme). --- */
.topbar {
  background-color: #1e0b36;
}

/* --- Hard-coded teal spots in the base stylesheet. --- */
.btn-text {
  background: #c2530f;
}
.band .price-tag {
  color: #ffb37a;
}

/* --- Secondary purple accent for decorative touches. --- */
::selection {
  background: #7c3aed;
  color: #ffffff;
}

/* --- Halloween greeting banner (first element inside <body>). --- */
.halloween-banner {
  background: #1e0b36;
  color: #ff7a1a;
  text-align: center;
  padding: 10px 12px;
  font-family: "Press Start 2P", monospace;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  line-height: 1.6;
  border-bottom: 2px solid #ff7a1a;
  position: relative;
  z-index: 2;
}