/*
Theme Name: SoulWave Radio
Theme URI: https://example.com/soulwave-radio
Author: ChatGPT
Description: Urban Soul & R&B radio theme with top audio player, live video section, show schedule, and footer social links.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: soulwave
Tags: radio, music, magazine, blog, dark, responsive
*/

:root{
  --bg:#0a0a0a;
  --ink:#f4f1ea;        /* warm cream */
  --muted:#b8aa98;      /* muted sand */
  --card:#121212;       /* deep card */
  --accent:#d9a441;     /* warm gold */
  --accent-2:#7a1e2c;   /* maroon */
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 18px}

.top-player{position:sticky;top:0;z-index:60;background:rgba(10,10,10,.92);backdrop-filter:blur(6px);border-bottom:1px solid #232323}
.top-player .wrap{display:flex;gap:14px;align-items:center;padding:10px 0}
.top-player .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
.top-player .brand img{height:36px;width:auto;border-radius:10px}
.top-player .controls{display:flex;gap:10px;margin-left:auto}
.button,button,input[type=submit]{background:var(--accent);border:0;border-radius:999px;color:#211a0c;padding:10px 16px;font-weight:800;cursor:pointer}
.button.secondary{background:#222;color:var(--ink);border:1px solid #2e2e2e}
input[type=search]{padding:10px;border-radius:999px;border:1px solid #2e2e2e;background:#0a0a0a;color:var(--ink)}

nav.primary{background:linear-gradient(90deg, #1c1c1c, #151515);border-bottom:1px solid #232323}
nav.primary .menu{display:flex;gap:18px;list-style:none;margin:0;padding:10px 0}
nav.primary .menu a{padding:8px 12px;border-radius:10px}
nav.primary .menu a:hover{background:#1e1e1e}

.hero{padding:26px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.card{background:var(--card);border:1px solid #232323;border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h1, .card h2, .card h3{margin-top:0}
.video-embed{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden}
.video-embed iframe, .video-embed video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.grid-4{grid-column:span 4}
.grid-8{grid-column:span 8}

.section-title{display:flex;align-items:center;gap:10px;margin:12px 0 6px}
.section-title .dot{width:10px;height:10px;border-radius:50%;background:var(--accent-2)}

.post{background:var(--card);border:1px solid #232323;border-radius:var(--radius);padding:18px}
.post img{width:100%;height:auto;border-radius:12px}
.meta{color:var(--muted);font-size:14px;margin:6px 0 10px}

.footer{padding:36px 0;background:#0b0b0b;border-top:1px solid #232323;color:var(--muted)}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}
.social{display:flex;gap:12px;flex-wrap:wrap}
.social a{padding:8px 12px;border-radius:999px;border:1px solid #2e2e2e;background:#121212}

.player-bar{display:none} /* we keep focus on the top player in this theme */

.schedule{width:100%;border-collapse:collapse}
.schedule th,.schedule td{border-bottom:1px solid #2a2a2a;padding:10px;text-align:left}
.schedule th{color:var(--accent)}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.35);color:var(--accent)}

@media (max-width:1000px){
  .hero{grid-template-columns:1fr}
  .grid-4,.grid-8{grid-column:span 12}
  .footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  nav.primary .menu{flex-wrap:wrap}
  .footer .cols{grid-template-columns:1fr}
}