/* A compact badge stays inside the album cover, including speech overlays. */
.radio-on-air .player-art::after,.player-art .radio-announcement:not([hidden]){
  content:'ON AIR';position:absolute;top:0;left:0;right:0;z-index:1;
  display:block;margin:0;padding:1px 0;background:#a7442d;color:#fff;
  font:700 8px/12px var(--sans);letter-spacing:.03em;text-align:center;
  border-radius:3px 3px 0 0;pointer-events:none;
}
@keyframes radio-pulse{0%,100%{opacity:1}50%{opacity:.6}}

.radio-on-air #shuffle-button,
.radio-on-air #previous-track,
.radio-on-air #next-track,
.radio-on-air #seek,
.radio-on-air #mobile-seek,
.radio-on-air [data-player-control="previous-track"],
.radio-on-air [data-player-control="next-track"],
.radio-on-air [data-player-control="shuffle-button"],
.radio-on-air [data-mini-control="previous"],
.radio-on-air [data-mini-control="next"],
.radio-on-air [data-mini-control="shuffle"],
.radio-on-air [data-mini-seek]{opacity:.3;pointer-events:none}

.radio-on-air [data-track],
.radio-on-air [data-play-album],
.radio-on-air [data-album-nav],
.radio-on-air [data-song-id],
.radio-on-air [data-mini-track]{pointer-events:none;opacity:.4}

.music-player .player-art:has(.radio-announcement:not([hidden])){display:block}

/* Independent controls: the request link is never nested inside the queue button. */
.music-player .player-info{min-width:235px;max-width:260px;flex:0 1 260px;line-height:1.3}
.music-player .player-info .player-label{width:100%;min-width:0;max-width:100%;min-height:0;display:block;line-height:1.3}
.music-player .player-info #current-album{margin-top:2px}
.music-player .player-footer{display:flex;align-items:center;gap:8px;min-width:0}
.music-player .player-footer:has(#listening-count[hidden]):has(#radio-request-link[hidden]){display:none}
.music-player .player-footer .listening-count{margin:4px 0 0;font:400 11px/1.3 var(--sans);color:#b3c1ca;min-width:0}
#radio-request-link:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0 3px;font:400 11px/1.3 var(--sans);color:#d0dcc5;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.radio-on-air .player-footer{margin:0}
.radio-on-air .player-footer .listening-count{margin-top:0}
@media(min-width:801px){#radio-request-link:not([hidden]){min-height:28px}}
@media(max-width:1360px){.music-player .player-info{min-width:205px}}
@media(max-width:1080px){.music-player .player-info{flex:1;max-width:none;min-width:150px}}
@media(max-width:800px){
  .music-player .player-info{min-width:0}
  body.radio-on-air{--player-height:104px}
  .radio-on-air .music-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:44px 44px;column-gap:10px;row-gap:0;padding-top:8px}
  .radio-on-air .player-art{display:block;grid-column:1;grid-row:1;width:44px;height:44px}
  .radio-on-air .player-info{display:contents}
  .radio-on-air .player-label{grid-column:2;grid-row:1}
  .radio-on-air .player-controls{grid-column:3;grid-row:1}
  .radio-on-air .player-footer{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-left:54px;margin:0;gap:8px}
  .radio-on-air .player-footer .listening-count{font-size:11px;flex:0 1 auto}
  .radio-on-air #radio-request-link{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.radio-on-air .player-art::after{animation:none}}
