/* ZX Radio bar: a fresh look over the old linerRadio ("Stormy") plugin. Loaded after base.css. */
body{padding-bottom:62px}
#strm_radio .strm_player{bottom:0!important}
#strm_radio .blPlayer{display:flex!important;align-items:center;gap:14px;height:56px;margin:0!important;padding:0 16px!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(28,40,31,.97),rgba(14,20,15,.98))!important;border-top:2px solid #dcb45c;box-shadow:0 -4px 18px rgba(0,0,0,.35);overflow:visible!important}
#strm_radio .playControls{float:none!important;margin:0!important;display:flex;align-items:center;gap:12px;flex:none}
#strm_radio .playControls > img{display:none}
#strm_radio .playControls button{width:38px!important;height:38px!important;border-radius:50%!important;background:#dcb45c!important;border:0!important;padding:0!important;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .15s,background .15s}
#strm_radio .playControls button:hover{transform:scale(1.07);background:#f0c96c!important}
#strm_radio .playControls button i{display:none!important}
#strm_radio .playControls .new-jp-play:after{content:"";margin-left:3px;border-left:13px solid #1a2418;border-top:8px solid transparent;border-bottom:8px solid transparent}
#strm_radio .playControls .new-jp-pause:after{content:"";width:12px;height:14px;border-left:4px solid #1a2418;border-right:4px solid #1a2418;box-sizing:border-box}
.zxr-brand{display:flex;flex-direction:column;line-height:1.1;flex:none;text-decoration:none!important}
.zxr-brand b{font:800 13px/1.1 Arial,sans-serif;letter-spacing:.08em;color:#f2d88c;text-transform:uppercase}
.zxr-brand small{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.1em;color:#a9b8aa;text-transform:uppercase;display:flex;align-items:center;gap:5px}
.zxr-brand small:before{content:"";width:7px;height:7px;border-radius:50%;background:#7f8a80}
#strm_radio.zxr-on .zxr-brand small:before{background:#ff4d3d;box-shadow:0 0 0 0 rgba(255,77,61,.7);animation:zxrlive 1.6s infinite}
@keyframes zxrlive{0%{box-shadow:0 0 0 0 rgba(255,77,61,.6)}70%{box-shadow:0 0 0 7px rgba(255,77,61,0)}100%{box-shadow:0 0 0 0 rgba(255,77,61,0)}}
#strm_radio .nowPlaying{flex:1;min-width:0;margin:0!important;padding:0!important;position:relative;height:auto!important}
#strm_radio .nowPlaying h5.track{display:none!important}
#strm_radio .nowPlaying .ruler{display:none!important}
.zxr-meta{display:flex;align-items:center;gap:12px;min-width:0}
.zxr-eq{display:flex;align-items:flex-end;gap:2px;height:20px;flex:none;opacity:.35}
.zxr-eq i{width:3px;height:4px;background:#dcb45c;border-radius:1px}
#strm_radio.zxr-on .zxr-eq{opacity:1}
#strm_radio.zxr-on .zxr-eq i{animation:zxreq .9s ease-in-out infinite}
.zxr-eq i:nth-child(2){animation-delay:.15s!important}.zxr-eq i:nth-child(3){animation-delay:.3s!important}.zxr-eq i:nth-child(4){animation-delay:.45s!important}.zxr-eq i:nth-child(5){animation-delay:.6s!important}
@keyframes zxreq{0%,100%{height:4px}50%{height:20px}}
.zxr-text{min-width:0;line-height:1.25}
.zxr-text b{display:block;font:700 14px/1.25 Arial,sans-serif;color:#f4efe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zxr-text small{display:block;font:12px/1.3 Arial,sans-serif;color:#c9b88a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zxr-recent{flex:none;font:700 12px/1 Arial,sans-serif;color:#d8e3d8!important;text-decoration:none!important;border:1px solid rgba(220,180,92,.45);border-radius:14px;padding:6px 11px}
.zxr-recent:hover{background:rgba(220,180,92,.15)}
#strm_radio .stream{display:none!important}
#strm_radio .volumeControl{float:none!important;position:static!important;display:flex;align-items:center;gap:6px;margin:0!important;flex:none}
#strm_radio .volumeControl .ruler{width:90px!important;height:4px!important;border-radius:2px;background:rgba(255,255,255,.18)!important;margin:0!important}
#strm_radio .volumeControl .ruler .trailer{background:#dcb45c!important;height:100%!important;border-radius:2px}
@media (max-width:700px){
  #strm_radio .blPlayer{gap:10px;padding:0 10px!important}
  .zxr-brand,.zxr-recent,#strm_radio .volumeControl .ruler{display:none!important}
  .zxr-eq{display:none}
}
#strm_radio .playControls{order:0}#strm_radio .nowPlaying{order:1}.zxr-recent{order:2}#strm_radio .volumeControl{order:3}
#strm_radio .volumeControl .ui-slider-range,#strm_radio .volumeControl .trailer{background:#dcb45c!important}
#strm_radio .volumeControl button{background-color:transparent!important;border:0!important;opacity:.85}