:root.halloween-2026 {
  --halloween-orange: #ff8a1f;
  --halloween-gold: #ffc857;
  --halloween-purple: #7c3aed;
  --halloween-ink: #160d24;
}

.halloween-2026-banner {
  position: relative;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  min-height: 2.6rem;
  padding: .55rem 1rem;
  color: #fff;
  background: linear-gradient(100deg, #160d24, #3b185f 48%, #7a2d0b);
  border-bottom: 1px solid rgba(255, 200, 87, .42);
  box-shadow: 0 10px 30px rgba(12, 6, 20, .18);
  font: 600 .9rem/1.35 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
}

.halloween-2026-banner strong {
  color: var(--halloween-gold);
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.halloween-2026[data-halloween-site="plainnvr"] {
  --accent: var(--halloween-orange);
  --accent-bright: var(--halloween-gold);
}

body.halloween-2026[data-halloween-site="plainnvr"] .site-header {
  border-bottom-color: rgba(255, 138, 31, .24);
}

body.halloween-2026[data-halloween-site="plainnvr"] .hero {
  position: relative;
}

body.halloween-2026[data-halloween-site="plainnvr"] .hero::before {
  content: "☾  ·  🦇  ·  🦇";
  position: absolute;
  top: 1.1rem;
  right: clamp(1rem, 6vw, 6rem);
  color: rgba(255, 200, 87, .72);
  font-size: clamp(1rem, 2vw, 1.45rem);
  letter-spacing: .55rem;
  pointer-events: none;
}

body.halloween-2026[data-halloween-site="plainnvr"] .button-primary,
body.halloween-2026[data-halloween-site="plainnvr"] .status-dot,
body.halloween-2026[data-halloween-site="plainnvr"] .record-dot {
  filter: hue-rotate(152deg) saturate(1.4);
}

body.halloween-2026[data-halloween-site="plainnvr"] .product-stage::after {
  content: "🎃";
  position: absolute;
  right: 2%;
  bottom: 1%;
  font-size: clamp(2rem, 5vw, 4rem);
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .38));
  transform: rotate(5deg);
  pointer-events: none;
}

body.halloween-2026[data-halloween-site="kidsplayfree"],
body.halloween-2026[data-halloween-site="learny"] {
  --grape: #7c3aed;
  --mango: #ff8a1f;
}

body.halloween-2026[data-halloween-site="kidsplayfree"] .site-header,
body.halloween-2026[data-halloween-site="learny"] .topbar {
  box-shadow: 0 8px 25px rgba(72, 28, 112, .13);
}

body.halloween-2026[data-halloween-site="kidsplayfree"] .brand-mark {
  color: var(--halloween-orange);
}

body.halloween-2026[data-halloween-site="kidsplayfree"] .hero-art::after,
body.halloween-2026[data-halloween-site="learny"] .hero-scene::after {
  content: "🎃  👻  🦇";
  position: absolute;
  inset: auto 5% 7% auto;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  letter-spacing: .35rem;
  filter: drop-shadow(0 8px 12px rgba(62, 24, 94, .18));
  transform: rotate(-3deg);
  pointer-events: none;
}

body.halloween-2026[data-halloween-site="kidsplayfree"] .primary-button,
body.halloween-2026[data-halloween-site="learny"] .primary-button {
  background: linear-gradient(135deg, var(--halloween-purple), var(--halloween-orange));
  border-color: transparent;
}

@media (max-width: 700px) {
  .halloween-2026-banner {
    flex-wrap: wrap;
    gap: .15rem .5rem;
    padding-block: .45rem;
    font-size: .78rem;
  }

  .halloween-2026-banner span:nth-of-type(2) {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  body.halloween-2026[data-halloween-site="plainnvr"] .product-stage::after,
  body.halloween-2026[data-halloween-site="kidsplayfree"] .hero-art::after,
  body.halloween-2026[data-halloween-site="learny"] .hero-scene::after {
    animation: halloween-2026-float 4.8s ease-in-out infinite;
  }
}

@keyframes halloween-2026-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -.4rem; }
}