/* custom.css — small visual tweaks for this specific site.
   Loads AFTER main.css, so anything here wins. The AI content engine may add
   rules here when params can't express a change. Keep it short; prefer params. */

/* ── Neon dive-bar push: two-tone glow + subtle CRT scanlines ── */

:root {
  --neon-pink: #ff2fb0;
  --neon-cyan: #00e5ff;
}

/* Faint scanline texture over the whole page for a dive-bar CRT/sign feel */
body {
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.015) 0px,
      rgba(255, 255, 255, 0.015) 1px,
      transparent 1px,
      transparent 3px
    );
}

/* Glowing neon headings */
h1, h2, h3,
.hero-heading, .site-title {
  text-shadow:
    0 0 4px rgba(255, 47, 176, 0.55),
    0 0 14px rgba(255, 47, 176, 0.35),
    0 0 34px rgba(255, 47, 176, 0.2);
}

/* Buttons / CTAs get a hot-pink glow, cyan on hover for that two-tone sign flicker */
a.btn, button, .btn, .cta, input[type="submit"] {
  box-shadow:
    0 0 6px rgba(255, 47, 176, 0.6),
    0 0 18px rgba(255, 47, 176, 0.35);
  border-color: var(--neon-pink, #ff2fb0);
  transition: box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
a.btn:hover, button:hover, .btn:hover, .cta:hover, input[type="submit"]:hover {
  box-shadow:
    0 0 8px rgba(0, 229, 255, 0.7),
    0 0 22px rgba(0, 229, 255, 0.45);
  border-color: var(--neon-cyan, #00e5ff);
  color: var(--neon-cyan, #00e5ff);
}

/* Nav links flicker cyan on hover for the two-tone contrast */
nav a:hover, .menu a:hover, header a:hover {
  color: var(--neon-cyan, #00e5ff);
  text-shadow: 0 0 6px rgba(0, 229, 255, 0.6), 0 0 16px rgba(0, 229, 255, 0.35);
}

/* Section dividers / borders get a faint cyan hairline instead of flat grey */
hr, .section + .section, section + section {
  border-color: rgba(0, 229, 255, 0.25);
}

/* Cards/panels get a subtle pink edge glow so they read as "lit" against the dark room */
.card, .panel, .gallery img, .event, .events .item {
  box-shadow: 0 0 0 1px rgba(255, 47, 176, 0.15), 0 0 20px rgba(255, 47, 176, 0.08);
}
