/* Wang Ooh Radio — base theme styles. Customizer colors live in --wo-* vars. */
:root{
	--wo-primary:#FFD400;
	--wo-ink:#0A0A0A;
	--wo-accent:#E53935;
	--wo-bg:#FFFFFF;
	--wo-muted:#666;
	--wo-border:#e6e6e6;
	--wo-radius:4px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--wo-bg);color:var(--wo-ink);font-family:'Inter',system-ui,sans-serif;line-height:1.55}
h1,h2,h3,h4,.wo-title,.wo-wordmark .wo-name,.wo-hero__title{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.screen-reader-text{position:absolute;left:-9999px}
.skip-link:focus{position:fixed;top:8px;left:8px;background:var(--wo-primary);padding:8px 12px;z-index:9999}

/* Header */
.wo-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--wo-border);z-index:50}
.wo-header__inner{max-width:1400px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;gap:1.5rem}
.wo-header__nav{flex:1;display:flex;justify-content:center}
.wo-nav{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.wo-nav a:hover{color:var(--wo-accent)}
.wo-header__right{display:flex;align-items:center;gap:1rem}
.wo-burger{background:var(--wo-primary);color:var(--wo-ink);border:0;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:none}
@media(max-width:900px){.wo-header__nav{display:none}.wo-burger{display:inline-block}}

.wo-wordmark{display:flex;align-items:center;gap:.6rem;font-weight:900}
.wo-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--wo-primary);color:var(--wo-ink);border-radius:8px;font-family:'Archivo Black';font-size:1.4rem}
.wo-name{font-family:'Archivo Black';font-size:1.1rem;letter-spacing:.04em}

.wo-social{display:flex;list-style:none;margin:0;padding:0;gap:.4rem}
.wo-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--wo-border);border-radius:50%;font-size:.65rem;font-weight:800}
.wo-social a:hover{border-color:var(--wo-primary);color:var(--wo-accent)}

/* Layout */
.wo-main{min-height:60vh;padding-bottom:6rem}
.wo-container{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem}
.wo-page-header{margin-bottom:2rem}
.wo-page-header h1{font-size:clamp(2rem,5vw,3.5rem);margin:0}
.wo-eyebrow{font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--wo-accent);font-size:.7rem}

/* Buttons */
.wo-btn{display:inline-block;background:var(--wo-primary);color:var(--wo-ink);padding:.9rem 1.4rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;border-radius:var(--wo-radius)}
.wo-btn:hover{background:var(--wo-ink);color:var(--wo-primary)}

/* Hero */
.wo-hero{background:var(--wo-primary);padding:5rem 1.5rem;text-align:center;border-radius:var(--wo-radius);margin-bottom:3rem}
.wo-hero__title{font-size:clamp(3rem,12vw,9rem);line-height:.9;margin:.5rem 0}
.wo-hero__text{max-width:600px;margin:1rem auto;font-size:1.05rem}

/* Cards / grid */
.wo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.wo-card{display:block;background:#fff;border:1px solid var(--wo-border);border-radius:var(--wo-radius);overflow:hidden;transition:.2s}
.wo-card:hover{border-color:var(--wo-primary);transform:translateY(-2px)}
.wo-cover{aspect-ratio:1/1;background:#eee no-repeat center/cover}
.wo-card__body,.wo-card>.wo-eyebrow,.wo-card>.wo-title,.wo-card>.wo-sub{padding:.4rem 1rem}
.wo-card__body{padding:1rem}
.wo-card .wo-title{font-size:1.15rem;margin:.3rem 0}
.wo-card .wo-sub{color:var(--wo-muted);font-size:.85rem}

.wo-grid--presenters .wo-cover{aspect-ratio:4/5}

/* Charts list */
.wo-charts{list-style:none;margin:0;padding:0;border-top:1px solid var(--wo-border)}
.wo-charts li{display:grid;grid-template-columns:60px 56px 1fr auto;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--wo-border)}
.wo-charts .wo-rank{font-family:'Archivo Black';font-size:2rem;color:var(--wo-primary)}
.wo-charts img{width:56px;height:56px;object-fit:cover;border-radius:var(--wo-radius)}
.wo-charts .wo-title{font-weight:700}
.wo-charts .wo-sub{color:var(--wo-muted);font-size:.85rem}
.wo-charts .wo-time{font-variant-numeric:tabular-nums;color:var(--wo-muted)}

/* Schedule */
.wo-schedule{list-style:none;margin:0;padding:0;border-top:1px solid var(--wo-border)}
.wo-schedule li{display:grid;grid-template-columns:90px 1fr auto;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--wo-border);align-items:center}
.wo-schedule .wo-time{font-family:'Archivo Black';color:var(--wo-accent)}

/* Events */
.wo-events{list-style:none;margin:0;padding:0}
.wo-events li{display:grid;grid-template-columns:80px 1fr;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--wo-border)}
.wo-events .wo-date{display:grid;place-items:center;border:2px solid var(--wo-primary);border-radius:var(--wo-radius);padding:.5rem;text-align:center}
.wo-events .wo-date strong{display:block;font-family:'Archivo Black';font-size:1.75rem}

/* Player */
.wo-player{position:fixed;bottom:0;left:0;right:0;background:var(--wo-primary);color:var(--wo-ink);z-index:60;box-shadow:0 -8px 24px -8px rgba(0,0,0,.25)}
.wo-player__progress{height:3px;background:rgba(0,0,0,.15)}
.wo-player__progress span{display:block;height:100%;background:var(--wo-ink);width:0;transition:width 1s linear}
.wo-player__inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.6rem 1.5rem}
.wo-player__btn{width:44px;height:44px;border-radius:50%;background:var(--wo-ink);color:var(--wo-primary);border:0;font-size:1.1rem;cursor:pointer}
.wo-player__meta{flex:1;min-width:0}
.wo-player__title{font-weight:800}
.wo-player__sub{font-size:.8rem;opacity:.7}
.wo-player__vol input{accent-color:var(--wo-ink)}

/* Footer */
.wo-footer{background:var(--wo-ink);color:#bbb;padding:4rem 1.5rem 6rem;margin-top:4rem}
.wo-footer__cols{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
.wo-footer h4{color:var(--wo-primary);font-family:'Archivo Black';letter-spacing:.1em;margin:0 0 1rem}
.wo-footer a{color:#ddd}
.wo-footer a:hover{color:var(--wo-primary)}
.wo-footer__copy{max-width:1280px;margin:3rem auto 0;border-top:1px solid #222;padding-top:1.5rem;font-size:.8rem;color:#777;text-align:center}

/* Single */
.wo-single__hero{width:100%;max-height:480px;object-fit:cover;border-radius:var(--wo-radius);margin-bottom:2rem}

/* Search */
.wo-search{display:flex;gap:.5rem}
.wo-search input{flex:1;padding:.7rem 1rem;border:1px solid var(--wo-border);border-radius:var(--wo-radius)}
.wo-search button{background:var(--wo-ink);color:var(--wo-primary);border:0;padding:.7rem 1.2rem;font-weight:800;border-radius:var(--wo-radius);cursor:pointer}