/*
Theme Name: HITS 100 Hybrid Lite
Theme URI: https://hits100.ca
Author: ChatGPT
Description: Fast radio theme. Elementor FREE used only for homepage hero (page content). Header/footer + sections theme-driven. Includes Hosts + Shows, hero rotation, On Air Now.
Version: 1.1.2
Text Domain: hits100
*/
:root{--bg:#0E0E0E;--card:#171717;--text:#fff;--muted:rgba(255,255,255,.75);--red:#E10600;--border:rgba(255,255,255,.10);--r:18px}
html,body{background:var(--bg);color:var(--text);margin:0}
a{color:var(--text);text-decoration:none}a:hover{opacity:.92}
.hits-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.hits-header{position:sticky;top:0;z-index:999;background:rgba(14,14,14,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hits-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.hits-logo img{height:42px;width:auto;display:block}
.hits-nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center}
.hits-nav a{font-weight:700;opacity:.92}
.hits-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--red);color:#fff;font-weight:900;border:0}
.hits-section{padding:34px 0}
.hits-grid{display:grid;gap:14px}
.hits-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hits-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:0 10px 35px rgba(0,0,0,.25)}
.hits-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-weight:800;font-size:12px}
.hits-onair{display:flex;gap:16px;align-items:center}
.hits-onair img{width:74px;height:74px;border-radius:16px;object-fit:cover;border:1px solid var(--border)}
.hits-muted{color:var(--muted)}
.hits-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted)}
.hits-hero{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--border);min-height:360px}
.hits-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hits-hero-ov{position:absolute;inset:0;background:linear-gradient(90deg, rgba(14,14,14,.92) 0%, rgba(14,14,14,.62) 55%, rgba(14,14,14,.30) 100%)}
.hits-hero-in{position:relative;z-index:2;padding:40px 28px;max-width:640px}
.hits-hero-title{font-size:56px;margin:10px 0;line-height:1.0;font-weight:900}
.hits-hero-tag{font-size:18px;margin:0 0 18px;color:var(--muted);font-weight:800}
@media(max-width:980px){.hits-grid-3{grid-template-columns:1fr}.hits-hero-title{font-size:40px}}
@media(max-width:520px){.hits-nav{display:none}.hits-hero{min-height:420px}.hits-hero-title{font-size:36px}}

/* Light card style (switch in Settings → HITS 100 Settings) */
.hits-style-light .hits-section{background:#f3f4f6;}
.hits-style-light .hits-card{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.08) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.10) !important;
}
.hits-style-light .hits-muted{color:rgba(17,24,39,.70) !important;}
.hits-style-light .hits-pill{
  background:#111827 !important;
  color:#ffffff !important;
  border:0 !important;
  padding:8px 12px !important;
}
.hits-style-light .hits-btn{box-shadow:0 8px 20px rgba(225,6,0,.25) !important;}