/* RR21 — SonicWave theme override (loaded after style.css) */
:root{
  --bg:#05020a;--bg-2:#0a0612;
  --surface:rgba(255,255,255,.04);--surface-2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --blue:#ff2d87;--cyan:#ff5aa5;--violet:#8b3dff;
  --grad:linear-gradient(90deg,#ff2d87 0%,#c13dff 60%,#7a3dff 100%);
  --grad-text:linear-gradient(90deg,#ff2d87 0%,#d63dd8 50%,#8b3dff 100%);
  --radius:22px;
}
body{
  background:
    radial-gradient(900px 500px at 12% -5%,rgba(255,45,135,.16),transparent 60%),
    radial-gradient(900px 600px at 95% 8%,rgba(122,61,255,.20),transparent 60%),
    var(--bg);
  background-attachment:fixed;
}
.hdr{background:rgba(5,2,10,.72);border-bottom:1px solid var(--line)}
.nav a{border-radius:999px;transition:color .2s,background .2s}
.nav a.active,.nav a:hover{color:#ff4d9a}
.btn{border-radius:999px}
.btn-grad{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 28px rgba(193,61,255,.35)}
.btn-grad:hover{filter:brightness(1.1);box-shadow:0 10px 34px rgba(255,45,135,.45)}
.btn-ghost{background:rgba(255,255,255,.03);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:#ff2d87;background:rgba(255,45,135,.08)}
.hero-in{justify-items:center;text-align:center}
.hero-text{margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.eyebrow{letter-spacing:.42em;text-transform:uppercase;font-size:.72rem;color:#ff4d9a}
.hero-title{font-weight:800;line-height:1.02;letter-spacing:-.03em;font-size:clamp(2.8rem,8.5vw,6.2rem)}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-lead{max-width:640px;margin-inline:auto;color:#c8bfd8}
.hero-cta{justify-content:center}
.hero-stats{justify-content:center}
.hero-glow{background:radial-gradient(60% 60% at 50% 45%,rgba(255,45,135,.22),rgba(122,61,255,.14) 55%,transparent 75%)}
.tile,.sonic-card{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);backdrop-filter:blur(6px);transition:transform .25s,border-color .25s,box-shadow .25s}
.tile:hover,.sonic-card:hover{transform:translateY(-4px);border-color:rgba(255,45,135,.55);box-shadow:0 14px 40px rgba(193,61,255,.25)}
.tile-art{border-radius:20px}
.sec-head h2{letter-spacing:-.02em}
.link-more{color:#ff4d9a;border:1px solid var(--line-2);border-radius:999px;padding:.35rem .9rem}
.player,#player{background:rgba(10,6,18,.88);border-top:1px solid rgba(255,45,135,.35);box-shadow:0 -10px 40px rgba(122,61,255,.2)}
.sonic-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.02);padding:28px 12px}
.sonic-feat>div{text-align:center;padding:0 18px}
.sonic-feat .ico{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:radial-gradient(circle at 30% 30%,rgba(255,45,135,.35),rgba(122,61,255,.18));border:1px solid rgba(255,45,135,.35);box-shadow:0 0 24px rgba(193,61,255,.3)}
.sonic-feat b{display:block;font-size:1rem;margin-bottom:4px}
.sonic-feat span{color:var(--muted);font-size:.86rem}
.sonic-cta{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,45,135,.35);padding:clamp(28px,5vw,56px);background:
  radial-gradient(500px 300px at 85% 50%,rgba(255,45,135,.45),transparent 70%),
  radial-gradient(500px 300px at 60% 100%,rgba(122,61,255,.45),transparent 70%),#0b0614}
.sonic-cta h2{font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.08;letter-spacing:-.02em;margin-bottom:10px}
.sonic-cta p{color:#cdc3dd;max-width:460px;margin-bottom:22px}
@media(max-width:820px){.sonic-feat{grid-template-columns:repeat(2,1fr);row-gap:26px}}

/* station tile colors */
.tile-station[data-station-tile="live"]{--c1:#ff2d87!important;--c2:#8b3dff!important}
.tile-station[data-station-tile="etno"]{--c1:#ff8a3d!important;--c2:#ff2d87!important}
.tile-station[data-station-tile="manele"]{--c1:#8b3dff!important;--c2:#3d7bff!important}

/* player / global accent fallbacks */
:root,body,.player,#player{--c1:#ff2d87;--c2:#8b3dff}

/* ===== exact SonicWave hero + player card ===== */
.hero-sonic{padding-bottom:30px}
.hero-sonic .hero-in{display:flex;flex-direction:column;align-items:center;gap:44px}
.hero-sonic .hero-title{font-size:clamp(3rem,9vw,6.6rem)}
.sonic-player{width:100%;max-width:780px;display:grid;grid-template-columns:240px 1fr;gap:28px;text-align:left;padding:20px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(122,61,255,.3),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.sp-cover{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1;background:linear-gradient(145deg,#ff2d87,#4a1a9c);box-shadow:0 0 40px rgba(255,45,135,.35)}
.sp-cover img{width:100%;height:100%;object-fit:cover}
.sp-live{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#ef4444;color:#fff}
.sp-live i,.sp-label i{width:7px;height:7px;border-radius:50%;background:#fff;animation:spPulse 1.4s infinite}
.sp-label i{background:#ff2d87}
.sp-body{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:6px 6px 4px 0}
.sp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sp-label{display:inline-flex;align-items:center;gap:8px;color:#ff4d9a;font-size:.78rem;font-weight:700}
.sp-listen{color:var(--muted);font-size:.8rem}
.sp-title{font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.15;margin:8px 0 2px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-show{display:block;color:#cdb8e6;font-size:.9rem}
.sp-bars{display:flex;align-items:center;gap:3px;height:64px;margin:14px 0}
.sp-bars i{flex:1;min-width:2px;height:20%;border-radius:2px;background:linear-gradient(180deg,#ff2d87,#8b3dff);animation:spBar 1.1s ease-in-out infinite;animation-delay:calc(var(--d)*-.02s)}
.sp-ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-meta{color:var(--muted);font-size:.78rem;letter-spacing:.04em}
.sp-play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 0 0 6px rgba(255,45,135,.15),0 10px 30px rgba(255,45,135,.5);transition:transform .2s}
.sp-play:hover{transform:scale(1.07)}
.sp-play svg{width:26px;height:26px}
.sp-play .ico-pause{display:none}
body.is-playing .sp-bars i,[data-state="playing"] .sp-bars i{animation-duration:.7s}
@keyframes spBar{0%,100%{height:15%}50%{height:92%}}
@keyframes spPulse{50%{opacity:.35}}
@media(max-width:700px){.sonic-player{grid-template-columns:1fr;max-width:420px}.sp-cover{max-width:220px;margin:0 auto}}
.hero-sonic .hero-wave{opacity:.55}

.sp-cover{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ff5aa5,#c13dff 45%,#2a0f6b 100%)}
.sp-word{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:3.6rem;letter-spacing:-.04em;line-height:1;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.35)}
.sp-word em{font-style:normal;color:#ffd1e8}
.sp-word small{font-size:.58rem;letter-spacing:.3em;font-weight:600;margin-top:10px;opacity:.85}
.sp-show.onair{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;display:block}
.sp-show *{text-align:left!important;margin:0!important}
.sp-show [class*="name"]{font-size:1rem!important;-webkit-text-fill-color:#e9c9ff!important;color:#e9c9ff!important;background:none!important}
.sp-show [class*="label"],.sp-show [class*="badge"],.sp-show [class*="time"],.sp-show [class*="dj"],.sp-show p,.sp-show span{font-size:.78rem!important}

.sp-cover{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ff5aa5,#c13dff 45%,#2a0f6b 100%)}
.sp-word{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:3.6rem;letter-spacing:-.04em;line-height:1;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.35)}
.sp-word em{font-style:normal;color:#ffd1e8}
.sp-word small{font-size:.58rem;letter-spacing:.3em;font-weight:600;margin-top:10px;opacity:.85}
.sp-show.onair{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;display:block}
.sp-show *{text-align:left!important;margin:0!important}
.sp-show [class*="name"]{font-size:1rem!important;-webkit-text-fill-color:#e9c9ff!important;color:#e9c9ff!important;background:none!important}
.sp-show [class*="label"],.sp-show [class*="badge"],.sp-show [class*="time"],.sp-show [class*="dj"],.sp-show p,.sp-show span{font-size:.78rem!important}

.sp-word{display:block!important;text-align:center}
.sp-word small{display:block}
.sp-show *{position:static!important;transform:none!important;display:block}
.sp-show .onair-live,.sp-show [class*="label"]{display:inline-block;margin-bottom:2px!important}

.sp-show,.sp-show *{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.sp-show i,.sp-show [class*="dot"]{display:inline-block!important;width:7px;height:7px;border-radius:50%;background:#ff2d87!important;margin-right:6px}