/*
Theme Name: 103.7 Kiss FM Grand Rapids
Theme URI: https://example.com/
Author: Kiss FM
Description: Retro neon hit radio theme with live streaming, current songs, ten recent tracks, weather, news and Eastern-time on-air schedule.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kissfm
*/
:root{--pink:#ff168d;--yellow:#ffdc28;--ink:#09091e;--panel:#11112b;--muted:#bfc0d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070819;color:#fff;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:105px}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}img{max-width:100%}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#09091ee8;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff24;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.brand img{width:200px;display:block}.navlinks{display:flex;gap:25px;align-items:center;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.09em}.navlinks a:hover{color:var(--yellow)}.btn{background:linear-gradient(100deg,var(--pink),#ff8d2b,var(--yellow));color:#09091e;border:0;border-radius:999px;padding:14px 25px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hero{background:linear-gradient(90deg,#08081ddf,#08081d70),url('assets/background.webp') center/cover;min-height:510px;display:flex;align-items:center;border-bottom:4px solid var(--pink)}.hero-inner{padding:65px 0;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:40px}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(52px,8vw,112px);line-height:.92;letter-spacing:-.06em;margin:18px 0 26px;text-transform:uppercase;font-weight:1000}.hero h1 span{color:var(--pink)}.hero p{font-size:21px;font-weight:700}.hero-logo{width:100%;filter:drop-shadow(0 20px 32px #000)}.section{padding:72px 0}.section-title{font-size:clamp(32px,5vw,58px);font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;line-height:1.05;margin:0 0 30px}.section-title em{font-style:normal;color:var(--pink)}.panel{background:linear-gradient(145deg,#1b1940,#0d0d23);border:1px solid #ffffff20;border-radius:22px;padding:25px}.onair{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.onair img{width:180px;height:180px;object-fit:cover;border-radius:18px}.pill{display:inline-block;background:#ff168d22;border:1px solid var(--pink);color:#ff8ac3;border-radius:40px;padding:5px 13px;font-size:12px;letter-spacing:.12em;font-weight:900}.onair h3{font-size:34px;margin:10px 0 5px;line-height:1.1}.muted{color:var(--muted)}.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.schedule .panel{padding:18px}.schedule strong{display:block;font-size:17px}.schedule small{color:var(--yellow)}.schedule .active{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}.tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.track{display:flex;align-items:center;gap:15px;min-width:0;background:#ffffff0b;border:1px solid #ffffff19;padding:12px;border-radius:15px}.track img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:#262644}.track .trackinfo{min-width:0;flex:1}.track b,.track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track b{font-size:15px}.track span{font-size:13px;color:var(--muted)}.number{font-weight:900;color:var(--pink)}.recent-bg{background:linear-gradient(145deg,#24123b,#0c1834 70%,#1c1034)}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post{overflow:hidden;background:#14142d;border:1px solid #ffffff1d;border-radius:18px}.post img{width:100%;height:190px;object-fit:cover;display:block}.post-body{padding:20px}.post h3{margin:8px 0 10px;font-size:20px;line-height:1.25}.post .date{color:var(--yellow);font-size:12px;font-weight:800;text-transform:uppercase}.post p{color:var(--muted)}.weather{padding:22px;border-radius:20px;background:#14142d}.footer{padding:40px 0;border-top:1px solid #ffffff25;color:#b7b7cb}.player{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#080819f5;border-top:2px solid var(--pink);box-shadow:0 -10px 30px #0009;backdrop-filter:blur(20px)}.player-inner{display:flex;gap:17px;align-items:center;min-height:95px}.player img{width:65px;height:65px;object-fit:cover;border-radius:10px}.player-meta{flex:1;min-width:0}.player-meta strong,.player-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta span{color:var(--muted);font-size:13px}.play{width:54px;height:54px;border:0;border-radius:50%;background:var(--pink);color:white;font-size:24px}.volume{accent-color:var(--pink);width:110px}.status{color:var(--yellow);font-size:11px;font-weight:800;text-transform:uppercase}.empty{color:var(--muted);padding:22px}.single{padding:70px 0}.single .content{max-width:850px}.single img{border-radius:18px}.single h1{font-size:clamp(36px,5vw,64px);line-height:1.05}@media(max-width:780px){.nav{flex-wrap:wrap;padding:12px 0}.brand img{width:155px}.navlinks{gap:12px;flex-wrap:wrap;font-size:11px}.hero-inner{grid-template-columns:1fr}.hero-logo{max-width:380px}.hero{min-height:0}.schedule,.news-grid{grid-template-columns:1fr 1fr}.tracks{grid-template-columns:1fr}.volume{width:70px}.onair{grid-template-columns:110px 1fr}.onair img{width:110px;height:110px}.onair h3{font-size:24px}}@media(max-width:520px){.schedule,.news-grid{grid-template-columns:1fr}.player-inner{gap:9px}.player img{width:48px;height:48px}.player{font-size:13px}.player-inner{min-height:80px}.play{width:44px;height:44px;flex-shrink:0}.volume{width:50px}.hero h1{font-size:50px}}