/*
Theme Name: Tande Radio App Theme
Theme URI: https://tanderadio.com
Author: AWOBAZ DTS INC
Description: Clean app-first WordPress theme for TandeRadio.com. Built to work with Tande Radio Platform API plugin.
Version: 2.1.0
Text Domain: tande-radio-app-theme
*/
:root{--bg:#05070f;--panel:#0b1020;--line:rgba(255,255,255,.12);--text:#fff;--muted:rgba(255,255,255,.68);--red:#e11d48;--blue:#1e3a8a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 500px at 10% 0,rgba(30,58,138,.45),transparent 55%),radial-gradient(700px 420px at 90% 10%,rgba(225,29,72,.25),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92vw);margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,7,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover}.menu{display:flex;gap:18px;color:var(--muted);font-size:14px}.cta{background:linear-gradient(135deg,var(--blue),var(--red));padding:11px 16px;border-radius:999px;font-weight:800}.hero{padding:58px 0 30px}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#fecdd3;background:rgba(225,29,72,.13);border:1px solid rgba(225,29,72,.35);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,7vw,76px);line-height:.96;margin:18px 0 14px;letter-spacing:-2.5px}.hero p{font-size:18px;color:var(--muted);max-width:620px;line-height:1.6}.searchBox{margin-top:24px;display:flex;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:20px;padding:8px;gap:8px}.searchBox input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:16px;padding:0 12px}.searchBox button{border:0;border-radius:15px;background:#fff;color:#080b14;font-weight:900;padding:0 18px}.phoneCard{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:34px;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.screen{background:#060913;border-radius:26px;padding:18px;min-height:420px;border:1px solid rgba(255,255,255,.08)}.liveRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pill{font-size:12px;font-weight:900;letter-spacing:.6px;color:#fff;background:rgba(225,29,72,.2);border:1px solid rgba(225,29,72,.45);border-radius:999px;padding:8px 10px}.album{width:100%;aspect-ratio:1.2/1;border-radius:24px;object-fit:cover;background:#111827}.playCircle{width:76px;height:76px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;font-size:27px;margin:18px auto 6px;display:grid;place-items:center}.bars{height:38px;display:flex;align-items:end;justify-content:center;gap:5px}.bars i{width:6px;border-radius:999px;background:linear-gradient(var(--blue),var(--red));height:12px;animation:bar .7s infinite alternate}.bars i:nth-child(2){animation-duration:.46s}.bars i:nth-child(3){animation-duration:.8s}.bars i:nth-child(4){animation-duration:.55s}.bars i:nth-child(5){animation-duration:.7s}@keyframes bar{to{height:38px}}.section{padding:30px 0}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section h2{font-size:30px;margin:0}.section p{color:var(--muted)}.categoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cat{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:18px;padding:18px;font-weight:850}.footer{margin-top:50px;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:14px}.tande-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tande-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);color:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.tande-card img{width:64px;height:64px;border-radius:16px;object-fit:cover}.tande-card b{display:block}.tande-card span{display:block;color:var(--muted);font-size:13px}.tande-play{margin-left:auto;border:0;border-radius:999px;background:var(--red);color:#fff;width:42px;height:42px}.single{padding:40px 0}.content{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px;padding:24px;line-height:1.7}.post-title{font-size:42px;margin:0 0 16px}@media(max-width:800px){.menu{display:none}.heroGrid{grid-template-columns:1fr}.hero{padding-top:34px}.phoneCard{order:-1}.nav{height:68px}.cta{padding:10px 12px}.screen{min-height:auto}.hero h1{letter-spacing:-1.4px}.searchBox{position:sticky;top:78px;z-index:20}.sectionHead{display:block}.categoryGrid{grid-template-columns:repeat(2,1fr)}}

/* Font Awesome integration */
.brand span{display:flex;align-items:center;gap:8px}.menu a{display:inline-flex;align-items:center;gap:7px}.cta{display:inline-flex;align-items:center;gap:8px}.searchBox{align-items:center}.searchBox>i{color:var(--muted);padding-left:10px}.searchBox button{display:grid;place-items:center;min-width:52px}.heroPills{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.heroPills span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:13px}.liveRow strong,.pill{display:flex;align-items:center;gap:8px}.pill i{font-size:8px;color:#fb7185}.playCircle i{margin-left:4px}.nowMini{text-align:center;margin:6px 0 10px}.nowMini b{display:block}.nowMini span{display:block;color:var(--muted);font-size:13px}.section h2{display:flex;align-items:center;gap:10px}.section h2 i{color:#fb7185}.cat{display:flex;align-items:center;gap:12px;min-height:72px}.cat i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(225,29,72,.14);color:#fb7185}.cat span{font-weight:900}.footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer span{display:inline-flex;align-items:center;gap:8px}.tande-card .stationIcon{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--red));display:grid;place-items:center}.tande-play{display:grid;place-items:center}.tande-play i{margin-left:2px}@media(max-width:800px){.heroPills{display:grid;grid-template-columns:1fr 1fr}.footer .wrap{display:block}.footer span{display:flex;margin:5px 0}.cat{padding:14px}.cat i{width:34px;height:34px}}