/*
Theme Name: Super Radio Station Theme A3Q One
Theme URI: https://a3qglobal.com/super-radio-station-a3q-one/
Author: A3Q Global
Author URI: https://a3qglobal.com/
Description: A bright, music-first WordPress theme for radio stations: a sticky live player, an "on air now" schedule that runs itself, shows, hosts, a Top 10 chart, events and music news. English first, Spanish included, no page builders.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: super-radio-station-a3q-one
Domain Path: /languages
Tags: blog, entertainment, music, custom-logo, custom-colors, featured-images, translation-ready, threaded-comments, right-sidebar
*/

/*
Copyright (C) 2026 A3Q Global.
This theme is free software: you can redistribute it and/or modify it
under the terms of the GNU General Public License v2 or later, as
published by the Free Software Foundation (see the License fields in
the header above and the Copyright section of readme.txt).
*/

/* ============ Tokens ============ */
:root{
  --sra-primary:#e6007e;
  --sra-secondary:#7209b7;
  --sra-accent:#ffb703;
  --sra-ink:#1a1425;
  --sra-muted:#5f5872;
  --sra-bg:#ffffff;
  --sra-soft:#f8f4fc;
  --sra-line:#e9e1f4;
  --sra-card:#ffffff;
  --sra-grad:linear-gradient(92deg,var(--sra-primary),var(--sra-secondary));
  --sra-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sra-radius:16px;
}
html[data-theme="dark"]{
  --sra-ink:#f2eefb;
  --sra-muted:#b7aed0;
  --sra-bg:#130e1e;
  --sra-soft:#1c1529;
  --sra-line:#322748;
  --sra-card:#1c1529;
}
/* Solid ink surfaces stay dark in dark mode (the ink token flips light). */
html[data-theme="dark"] .header-search input[type="submit"],
html[data-theme="dark"] .to-top{
  background:#2e2150;color:#fff;
}
/* Brand-coloured small text is brightened in dark mode to keep AA contrast. */
html[data-theme="dark"] .cat-badge,
html[data-theme="dark"] .chart-pos,
html[data-theme="dark"] .kicker,
html[data-theme="dark"] .show-time,
html[data-theme="dark"] .main-nav a[aria-current="page"]{
  color:color-mix(in srgb,var(--sra-primary) 45%,#ffffff);
}

/* ============ Base ============ */
*{box-sizing:border-box}
html,body{overflow-x:clip}
body{
  margin:0;padding-bottom:86px;
  font-family:var(--sra-sans);color:var(--sra-ink);background:var(--sra-bg);
  font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--sra-primary);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--sra-primary);outline-offset:2px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px;min-width:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{line-height:1.15;margin:0 0 .5em}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.85em;color:var(--sra-muted);text-align:center}
.alignleft{float:left;margin:.3em 1em .8em 0}
.alignright{float:right;margin:.3em 0 .8em 1em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.sticky{position:relative}
.bypostauthor{position:relative}
.gallery-caption{font-size:.85em;color:var(--sra-muted)}

/* ============ Top strip ============ */
.top-strip{background:var(--sra-grad);color:#fff;font-size:.86rem}
.top-strip-in{display:flex;align-items:center;gap:14px;padding-top:7px;padding-bottom:7px;min-width:0}
.top-strip .header-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onair-pill{
  display:inline-flex;align-items:center;gap:7px;margin-left:auto;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);
  padding:3px 12px;border-radius:999px;color:#fff;font-weight:600;white-space:nowrap;min-width:0;
}
.onair-pill:hover{text-decoration:none;background:rgba(255,255,255,.26)}
.onair-pill .dot{width:8px;height:8px;border-radius:50%;background:#ffdf6b;flex:0 0 auto;animation:sra-pulse 1.6s infinite}
.onair-pill .onair-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes sra-pulse{0%{box-shadow:0 0 0 0 rgba(255,223,107,.7)}70%{box-shadow:0 0 0 7px rgba(255,223,107,0)}100%{box-shadow:0 0 0 0 rgba(255,223,107,0)}}
.social-links{display:flex;gap:4px;align-items:center}
.social-links a{display:inline-flex;padding:5px;border-radius:8px;color:inherit}
.social-links a:hover{background:rgba(255,255,255,.18);text-decoration:none}
.theme-toggle{background:none;border:0;color:inherit;cursor:pointer;padding:5px;border-radius:8px;display:inline-flex}
.theme-toggle:hover{background:rgba(255,255,255,.18)}

/* ============ Masthead ============ */
.header-top{display:flex;align-items:center;gap:20px;padding:18px 18px 14px;flex-wrap:wrap}
.site-branding{display:flex;align-items:center;gap:12px;min-width:0}
.site-branding .custom-logo{max-height:64px;width:auto}
.site-title{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin:0}
.site-title a{color:var(--sra-ink)}
.site-title a:hover{text-decoration:none;color:var(--sra-primary)}
.brand-block{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--sra-grad);margin-right:10px;vertical-align:baseline}
.site-description{margin:2px 0 0;color:var(--sra-muted);font-size:.95rem}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.listen-btn{
  display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;
  background:var(--sra-grad);color:#fff;font:inherit;font-weight:700;
  padding:12px 22px;border-radius:999px;box-shadow:0 8px 22px rgba(230,0,126,.35);
}
.listen-btn:hover{filter:brightness(1.07);text-decoration:none}
.listen-btn .eq{display:inline-flex;gap:2.5px;align-items:flex-end;height:14px}
.listen-btn .eq i{width:3.5px;background:#fff;border-radius:2px;height:6px}
.listen-btn.is-playing .eq i{animation:sra-eq 0.9s ease-in-out infinite}
.listen-btn.is-playing .eq i:nth-child(2){animation-delay:.25s}
.listen-btn.is-playing .eq i:nth-child(3){animation-delay:.5s}
@keyframes sra-eq{0%,100%{height:5px}50%{height:14px}}
.header-search form{display:flex;gap:0}
.header-search input[type="search"]{
  font:inherit;padding:9px 13px;border:1.5px solid var(--sra-line);border-radius:999px 0 0 999px;
  background:var(--sra-card);color:var(--sra-ink);min-width:0;width:180px;
}
.header-search input[type="submit"]{
  font:inherit;font-weight:600;cursor:pointer;border:0;padding:9px 16px;border-radius:0 999px 999px 0;
  background:var(--sra-ink);color:#fff;
}

/* ============ Nav ============ */
.nav-toggle{display:none}
.main-nav{border-top:1.5px solid var(--sra-line);border-bottom:1.5px solid var(--sra-line);background:var(--sra-bg)}
.main-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{display:block;padding:11px 14px;color:var(--sra-ink);font-weight:600;font-size:.98rem;border-radius:10px}
.main-nav a:hover{color:var(--sra-primary);text-decoration:none}
.main-nav .current-menu-item>a,.main-nav a[aria-current="page"]{color:var(--sra-primary)}

/* ============ Hero ============ */
.hero{
  position:relative;margin:22px 0 8px;border-radius:26px;overflow:hidden;color:#fff;
  background:var(--sra-secondary);isolation:isolate;
}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(19,6,36,.88) 30%,rgba(114,9,183,.55) 68%,rgba(230,0,126,.35))}
.hero-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;padding:46px 42px;align-items:end;min-width:0}
.kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;color:var(--sra-accent)}
.kicker .dot{width:9px;height:9px;border-radius:50%;background:#ff5252;animation:sra-pulse 1.6s infinite}
.hero h1,.hero h2{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;margin:.25em 0 .3em;color:#fff}
.hero p{max-width:34em;color:#efe9fb}
.hero .listen-btn{margin-top:10px;font-size:1.05rem;padding:14px 28px}
.hero-next{margin-top:14px;font-size:.95rem;color:#e5def7}
.onair-card{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);border-radius:20px;
  padding:18px;backdrop-filter:blur(8px);min-width:0;
}
.onair-card img{border-radius:12px;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
.onair-card .oc-label{font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sra-accent)}
.onair-card h3{color:#fff;margin:.3em 0 .15em;font-size:1.25rem}
.onair-card .oc-meta{color:#e5def7;font-size:.92rem}
.oc-progress{height:7px;border-radius:99px;background:rgba(255,255,255,.25);margin-top:12px;overflow:hidden}
.oc-progress i{display:block;height:100%;background:var(--sra-accent);border-radius:99px}

/* ============ Sections & cards ============ */
.section{margin:44px 0}
.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;min-width:0;flex-wrap:wrap}
.section-head h2{font-size:1.65rem;font-weight:800;letter-spacing:-.01em;margin:0}
.section-head h2::before{content:"";display:inline-block;width:11px;height:24px;border-radius:4px;background:var(--sra-grad);margin-right:11px;vertical-align:-3px}
.section-head .more{margin-left:auto;font-weight:700;font-size:.95rem;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{
  background:var(--sra-card);border:1.5px solid var(--sra-line);border-radius:var(--sra-radius);
  overflow:hidden;min-width:0;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,20,37,.13)}
.card .thumb{display:block;overflow:hidden}
.card .thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}
.card:hover .thumb img{transform:scale(1.045)}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.card h3{font-size:1.13rem;margin:0}
.card h3 a{color:var(--sra-ink)}
.card h3 a:hover{color:var(--sra-primary);text-decoration:none}
.card .excerpt{color:var(--sra-muted);font-size:.95rem;margin:0}
.cat-badge{
  align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--sra-primary);background:color-mix(in srgb,var(--sra-primary) 10%,transparent);
  padding:4px 10px;border-radius:999px;
}
.meta-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--sra-muted);font-size:.85rem;margin-top:auto}
.meta-item{display:inline-flex;align-items:center;gap:6px;min-width:0}
.meta-item.meta-author{min-width:32px}
.meta-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
img.author-avatar{border-radius:50%!important;object-fit:cover!important;flex:0 0 auto;flex-shrink:0!important;max-width:none!important;vertical-align:middle;aspect-ratio:auto!important}
.author-initials{
  display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  background:var(--sra-grad);color:#fff;font-weight:700;font-size:.72rem;flex:0 0 auto;
}

/* Show cards */
.show-card .thumb img{aspect-ratio:16/9}
.show-time{font-weight:800;color:var(--sra-primary);font-size:.9rem;display:inline-flex;gap:6px;align-items:center}
.day-chips{display:flex;gap:4px;flex-wrap:wrap}
.day-chips span{font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2.5px 7px;border-radius:99px;background:var(--sra-soft);border:1px solid var(--sra-line);color:var(--sra-muted)}
.day-chips span.on{background:var(--sra-grad);color:#fff;border-color:transparent}
.host-line{display:flex;align-items:center;gap:9px;color:var(--sra-muted);font-size:.9rem;min-width:0}
.host-line img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto}

/* ============ Chart ============ */
.chart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 34px;list-style:none;margin:0;padding:0}
.chart-list li{
  display:flex;align-items:center;gap:16px;padding:11px 8px;min-width:0;
  border-bottom:1.5px solid var(--sra-line);
}
.chart-pos{
  font-size:2rem;font-weight:800;line-height:1;min-width:52px;text-align:center;
  color:var(--sra-primary);font-style:italic;
}
.chart-list li:nth-child(-n+3) .chart-pos{
  background:var(--sra-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  font-size:2.5rem;
}
html[data-theme="dark"] .chart-list li:nth-child(-n+3) .chart-pos{color:transparent}
.chart-song{min-width:0}
.chart-song strong{display:block;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-song span{color:var(--sra-muted);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.chart-thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:0 0 auto}

/* ============ Hosts ============ */
.hosts-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.host-card{text-align:center;min-width:0;padding:10px 6px}
.host-card a{color:var(--sra-ink)}
.host-card img{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:4px solid transparent;background:var(--sra-grad) border-box;box-shadow:0 0 0 4px var(--sra-bg),0 0 0 6px var(--sra-primary)}
.host-card h3{margin:0 0 2px;font-size:1.08rem}
.host-card p{margin:0;color:var(--sra-muted);font-size:.9rem}

/* ============ Events band ============ */
.events-band{background:var(--sra-grad);border-radius:26px;padding:34px 36px;color:#fff}
.events-band h2{color:#fff}
.events-band .section-head h2::before{background:#fff}
.event-row{
  display:flex;gap:18px;align-items:center;padding:15px 0;min-width:0;
  border-top:1px solid rgba(255,255,255,.35);
}
.event-row:first-of-type{border-top:0}
.event-date{
  flex:0 0 auto;text-align:center;background:#fff;color:var(--sra-secondary);
  border-radius:14px;padding:8px 13px;line-height:1.1;min-width:64px;
}
.event-date strong{display:block;font-size:1.45rem}
.event-date span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.event-info{min-width:0}
.event-info h3{margin:0 0 2px;color:#fff;font-size:1.12rem}
.event-info p{margin:0;color:#efe6ff;font-size:.92rem}
.event-link{margin-left:auto;flex:0 0 auto;background:#fff;color:var(--sra-secondary);font-weight:700;padding:9px 18px;border-radius:999px}
.event-link:hover{text-decoration:none;filter:brightness(.94)}

/* ============ Bands ============ */
.app-band{
  display:flex;gap:22px;align-items:center;flex-wrap:wrap;min-width:0;
  background:var(--sra-soft);border:1.5px solid var(--sra-line);border-radius:26px;padding:28px 32px;
}
.app-band h2{margin:0;font-size:1.4rem}
.app-band p{margin:4px 0 0;color:var(--sra-muted)}
.app-band .social-links a{background:var(--sra-card);border:1.5px solid var(--sra-line);padding:10px}
.app-band .social-links a:hover{border-color:var(--sra-primary)}
.newsletter-band{background:var(--sra-ink);border-radius:26px;padding:36px;color:#fff;text-align:center}
html[data-theme="dark"] .newsletter-band{background:#241a3d}
.newsletter-band h2{color:#fff}
.newsletter-band p{color:#cfc8e4;max-width:36em;margin:0 auto 18px}
.newsletter-band form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.newsletter-band input[type="email"]{
  font:inherit;padding:12px 18px;border-radius:999px;border:0;min-width:min(320px,80vw);color:#1a1425;
}
.newsletter-band button{
  font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:999px;padding:12px 24px;
  background:var(--sra-grad);color:#fff;
}
.newsletter-ok{font-weight:700;color:#8be89a}

/* ============ Article ============ */
.article-head{max-width:760px;margin:30px auto 0;text-align:left}
.article-head h1{font-size:2.3rem;letter-spacing:-.02em}
.article-body{max-width:760px;margin:0 auto;font-size:1.08rem}
.article-body p{margin:0 0 1.2em}
.article-hero-img{border-radius:20px;margin:22px auto;max-width:960px;width:100%}
.author-box{
  max-width:760px;margin:34px auto 0;display:flex;gap:16px;align-items:center;min-width:0;
  background:var(--sra-soft);border:1.5px solid var(--sra-line);border-radius:20px;padding:20px;
}
.author-box img.author-avatar{width:56px;height:56px}
.author-box h3{margin:0 0 4px}
.author-box p{margin:0;color:var(--sra-muted);font-size:.95rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin:34px 0;min-width:0}
.widget{margin-bottom:28px}
.widget-title{font-size:1.05rem;font-weight:800;margin-bottom:12px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:7px 0;border-bottom:1px solid var(--sra-line)}
.ad-slot{margin:20px auto;text-align:center}
.ad-inner{display:inline-block;max-width:100%;overflow:hidden}

/* ============ Schedule ============ */
.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.sched-day{min-width:0;background:var(--sra-soft);border:1.5px solid var(--sra-line);border-radius:16px;padding:12px}
.sched-day h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.sched-day.is-today{border-color:var(--sra-primary);box-shadow:0 0 0 1.5px var(--sra-primary)}
.sched-item{padding:9px 0;border-top:1px dashed var(--sra-line);font-size:.88rem;min-width:0}
.sched-item:first-of-type{border-top:0}
.sched-item .t{font-weight:800;color:var(--sra-primary);display:block;font-size:.8rem}
.sched-item a{color:var(--sra-ink);font-weight:600}
.sched-item.is-now{background:color-mix(in srgb,var(--sra-primary) 9%,transparent);border-radius:10px;padding:9px 8px}
.sched-item .now-tag{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#fff;background:#e02424;border-radius:99px;padding:1.5px 7px;margin-left:6px;vertical-align:2px}

/* ============ Player ============ */
.player-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:900;
  background:rgba(19,10,28,.96);color:#fff;backdrop-filter:blur(10px);
  border-top:2.5px solid var(--sra-primary);
}
.player-in{
  max-width:1180px;margin:0 auto;padding:10px 18px;min-width:0;
  display:flex;align-items:center;gap:15px;
}
.player-cover{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:#2a1e40}
.player-toggle{
  flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:var(--sra-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(230,0,126,.45);
}
.player-toggle:hover{filter:brightness(1.1)}
.player-toggle .icon-pause{display:none}
.player-toggle.is-playing .icon-pause{display:block}
.player-toggle.is-playing .icon-play{display:none}
.player-toggle.is-loading{opacity:.65;pointer-events:none}
.player-info{min-width:0;flex:1}
.player-info .p-show{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-info .p-sub{display:flex;gap:8px;align-items:center;color:#cfc4e8;font-size:.85rem;white-space:nowrap;overflow:hidden}
.player-info .p-sub #sra-sub{min-width:0;overflow:hidden;text-overflow:ellipsis}
.player-info .p-sub .live-dot{flex:0 0 auto}
.live-dot{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:.7rem;letter-spacing:.1em;color:#ff6b6b}
.live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff5252;animation:sra-pulse 1.6s infinite}
.player-vol{display:flex;align-items:center;gap:8px;color:#cfc4e8}
.player-vol input[type="range"]{width:104px;accent-color:var(--sra-primary)}

/* ============ Footer ============ */
.site-footer{background:var(--sra-soft);border-top:1.5px solid var(--sra-line);margin-top:56px;padding:40px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;min-width:0}
.footer-grid>div{min-width:0}
.footer-title{font-size:1rem;font-weight:800;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:4px 0}
.site-footer a{color:var(--sra-ink)}
.footer-news li{display:flex;gap:11px;align-items:center}
.footer-news img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.footer-news .meta{display:block;color:var(--sra-muted);font-size:.8rem}
.footer-about{color:var(--sra-muted);font-size:.95rem}
.footer-social a{color:var(--sra-ink)}
.footer-bottom{
  display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;
  border-top:1.5px solid var(--sra-line);margin-top:28px;padding-top:18px;color:var(--sra-muted);font-size:.9rem;
}
.footer-credit{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap}
.a3q-seal{height:22px;width:auto}
.to-top{
  position:fixed;right:18px;bottom:104px;z-index:800;width:44px;height:44px;border-radius:50%;
  border:0;cursor:pointer;background:var(--sra-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.to-top[hidden]{display:none}

/* ============ Comments & forms ============ */
.comments-area{max-width:760px;margin:40px auto 0}
.comment-list{list-style:none;margin:0;padding:0}
.comment{padding:16px 0;border-bottom:1px solid var(--sra-line)}
.comment .avatar{border-radius:50%}
.comment-meta{color:var(--sra-muted);font-size:.85rem}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;font:inherit;padding:10px 13px;border:1.5px solid var(--sra-line);border-radius:12px;background:var(--sra-card);color:var(--sra-ink);
}
.comment-form input[type="submit"]{
  font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:999px;padding:11px 22px;background:var(--sra-grad);color:#fff;
}
.pagination{display:flex;gap:8px;justify-content:center;margin:30px 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 14px;border:1.5px solid var(--sra-line);border-radius:999px;color:var(--sra-ink);font-weight:600}
.pagination .current{background:var(--sra-grad);color:#fff;border-color:transparent}
.page-head{margin:34px 0 8px}
.page-head h1{font-size:2rem}
.empty-note{color:var(--sra-muted);font-size:1.05rem;padding:26px 0 40px}

/* ============ Responsive ============ */
@media (max-width:1020px){
  .cards.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hosts-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .layout{grid-template-columns:minmax(0,1fr)}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-in{grid-template-columns:minmax(0,1fr);padding:36px 28px}
  .hero h1,.hero h2{font-size:2.1rem}
}
@media (max-width:700px){
  .cards,.cards.cols-2,.cards.cols-4{grid-template-columns:minmax(0,1fr)}
  .chart-list{grid-template-columns:minmax(0,1fr)}
  .schedule-grid{grid-template-columns:minmax(0,1fr)}
  .top-strip .header-date{display:none}
  .onair-pill{margin-left:0}
  .top-strip-in{flex-wrap:wrap}
  .header-search{display:none}
  .nav-toggle{
    display:inline-flex;align-items:center;justify-content:center;margin:0 18px 12px;
    width:46px;height:46px;border-radius:12px;border:1.5px solid var(--sra-line);background:var(--sra-card);color:var(--sra-ink);cursor:pointer;
  }
  .main-nav{display:none}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;padding:8px 0}
  .hero{margin-top:14px;border-radius:20px}
  .hero-in{padding:28px 20px}
  .hero h1,.hero h2{font-size:1.75rem}
  .article-head h1{font-size:1.8rem}
  .player-vol{display:none}
  .player-cover{width:44px;height:44px}
  .player-toggle{width:46px;height:46px}
  body{padding-bottom:78px}
  .events-band{padding:26px 20px}
  .event-link{display:none}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .onair-pill .dot,.kicker .dot,.live-dot::before,.listen-btn .eq i{animation:none}
  .card,.card .thumb img{transition:none}
}