/*
Theme Name: Last Call On The Bar
Theme URI: https://example.com/lastcallonthebar
Author: ChatGPT
Author URI: https://openai.com
Description: A dark neon nightlife theme with sections for events, staff interviews, comedy/skits, news, games, and merchandise. Elementor-compatible.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lastcallonthebar
Tags: dark, neon, elementor, woocommerce, nightlife, blog, events, entertainment
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');
:root{
  --bg:#0b0b12;
  --fg:#e6e6f2;
  --muted:#9aa0ae;
  --neon1:#00e5ff;
  --neon2:#ff2bd6;
  --card:#121223;
  --accent:#7b5cff;
}
body{
  background: radial-gradient(1200px 600px at 80% -10%, rgba(255,43,214,.15), transparent 50%),
              radial-gradient(900px 400px at -10% 10%, rgba(0,229,255,.12), transparent 50%),
              var(--bg);
  color: var(--fg);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}
a{ color: var(--neon1); text-decoration: none; }
a:hover{ color: var(--neon2); }
.site-header, .site-footer{ background: rgba(10,10,18,.6); backdrop-filter: blur(8px); }
.container{ width: min(1200px, 92%); margin: 0 auto; }
.btn{
  display:inline-block; padding:12px 18px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12); color:#fff; transition:.2s;
}
.btn--primary{ background: linear-gradient(90deg, var(--neon2), var(--neon1)); box-shadow:0 0 20px rgba(0,229,255,.2); }
.btn--ghost{ background: transparent; }
.section{ padding: 64px 0; }
.section-title{
  font-weight: 800; font-size: clamp(28px, 3vw, 48px);
  text-shadow: 0 0 12px rgba(0,229,255,.25), 0 0 28px rgba(255,43,214,.25);
}
.grid{ display:grid; gap:20px; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); }
.card{ background: var(--card); border: 1px solid rgba(255,255,255,.06); border-radius:18px; overflow:hidden; }
.card img{ width:100%; height:180px; object-fit:cover; display:block; }
.card .meta{ padding:14px 16px; color: var(--muted); font-size:14px; }
.badge{ display:inline-flex; align-items:center; gap:8px; font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); }
.neon-title{ font-size: clamp(40px, 6vw, 84px); font-weight: 800; letter-spacing:.02em; 
  color:#dff8ff; text-align:center; margin:12px 0 18px;
  text-shadow:0 0 8px rgba(0,229,255,.9), 0 0 24px rgba(0,229,255,.6), 0 0 48px rgba(255,43,214,.35);
}
.hero{ padding: 96px 0 64px; text-align:center; }
.hero p{ color:var(--muted); max-width:720px; margin:12px auto 24px; }
.nav{ display:flex; gap:12px; flex-wrap:wrap; }
.nav a{ padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.1); color:#cfd7ff; }
.footer-columns{ display:grid; gap:20px; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); }
.wp-block-button__link{ border-radius:999px; }
*/