/* Asylum Radio Live • Digital Broadcast Console staging concept
   Strictly PRESENTATION ONLY. The original controls, stream and event handlers
   remain untouched; the real stream status and now-playing fields remain live. */
body.home-page .hero .radio-player {
  isolation:isolate!important;
  padding:clamp(17px,2.4vw,27px)!important;
  border:1px solid rgba(103,236,246,.69)!important;
  border-radius:23px!important;
  background:
    radial-gradient(ellipse at 94% 0%,rgba(39,221,235,.14),transparent 44%),
    radial-gradient(ellipse at 0% 100%,rgba(39,105,143,.22),transparent 58%),
    linear-gradient(135deg,#142631 0%,#08131e 52%,#111e28 100%)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.48),0 0 23px rgba(40,206,230,.18),inset 0 1px 0 rgba(231,255,255,.17)!important;
  margin-bottom:20px!important;
}
body.home-page .hero .radio-player::before {
  content:""!important;position:absolute!important;inset:0 20px auto!important;
  width:auto!important;height:2px!important;opacity:1!important;
  background:linear-gradient(90deg,transparent,#a8fbff 36%,#bafa6c 62%,transparent)!important;
}
body.home-page .hero .radio-player-topline {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0 0 18px!important;padding:0 0 13px!important;
  border-bottom:1px solid rgba(141,225,241,.18)!important;
}
body.home-page .hero .radio-player-topline::after {
  content:"CARIBBEAN ENTERTAINMENT";
  font:750 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.10em;color:#a6dce2;text-align:right;
}
body.home-page .hero .radio-live-badge {
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  font-weight:850!important;letter-spacing:.09em!important;
  color:#f1fbfc!important;font-size:11px!important;
}
body.home-page .hero .radio-live-badge[data-live="false"] {color:#b1bdc8!important}
body.home-page .hero .radio-live-badge i {box-shadow:0 0 12px #ee5368!important}
body.home-page .hero .radio-live-badge[data-live="false"] i {box-shadow:none!important}
body.home-page .hero .radio-player-main {
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr) minmax(108px,128px)!important;
  gap:clamp(12px,1.8vw,20px)!important;
  align-items:center!important;min-height:118px!important;
}
/* Logo sits INSIDE its existing play/pause button. Never reintroduce a circle. */
body.home-page .hero #radio-play,
body.home-page .hero #radio-play.arl-dj-art-active {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;box-sizing:border-box!important;
  width:124px!important;height:118px!important;
  min-width:0!important;min-height:0!important;
  padding:11px 9px 9px!important;overflow:hidden!important;
  background:linear-gradient(155deg,rgba(19,56,66,.98),rgba(4,18,29,.96))!important;
  border:1px solid rgba(143,241,251,.72)!important;
  border-radius:17px!important;
  box-shadow:inset 0 0 0 1px rgba(232,250,255,.12),0 9px 24px rgba(0,0,0,.38),0 0 19px rgba(62,232,245,.2)!important;
  transition:box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}
body.home-page .hero #radio-play:hover {
  transform:translateY(-2px)!important;
  box-shadow:inset 0 0 0 1px rgba(232,250,255,.19),0 12px 26px rgba(0,0,0,.4),0 0 24px rgba(73,229,249,.43)!important;
}
body.home-page .hero #radio-play:focus-visible {outline:3px solid #d1fbff!important;outline-offset:3px!important}
body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
  width:100%!important;max-width:100%!important;
  height:75px!important;flex:0 1 75px!important;
  background-position:center!important;background-size:contain!important;
  border-radius:0!important;background-color:transparent!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.82)) drop-shadow(0 0 6px rgba(185,245,251,.53))!important;
}
body.home-page .hero #radio-play .radio-play-label,
body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {
  color:#dffeff!important;font:900 10px/1.12 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.09em!important;white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(0,0,0,.46),0 0 3px rgba(44,222,240,.26)!important;
}
body.home-page .hero .radio-player-copy {min-width:0!important;align-items:center!important}
body.home-page .hero .radio-player-details {min-width:0!important}
body.home-page .hero .radio-player-details strong {
  display:block!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:900!important;font-size:clamp(16px,1.65vw,23px)!important;
  line-height:1.14!important;letter-spacing:-.025em!important;
  color:#f2fcfd!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
body.home-page .hero .radio-player-details #radio-status {
  font-size:12px!important;line-height:1.4!important;
  color:#b8d1d9!important;letter-spacing:0!important;
}
body.home-page .hero .radio-player-copy .radio-show {color:#c9f6a4!important}
body.home-page .hero .radio-volume {
  width:auto!important;min-width:0!important;max-width:100%!important;
  padding:13px 12px!important;
  border:1px solid rgba(112,217,236,.22)!important;
  border-radius:12px!important;
  background:rgba(2,18,27,.55)!important;
  box-shadow:inset 0 1px 0 rgba(227,253,255,.06)!important;
}
body.home-page .hero .radio-volume-heading {
  color:#d2ebef!important;line-height:1.2!important;
  font:750 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.035em!important;
}
body.home-page .hero .radio-volume output {color:#98f0ed!important}
body.home-page .hero .radio-volume input {width:100%!important;accent-color:#69e8f3!important;margin-top:10px!important}
body.home-page .hero .stream-readout {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;align-items:center!important;min-width:0!important;
  margin-top:18px!important;padding:16px 18px!important;
  border:1px solid rgba(85,199,216,.24)!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,rgba(1,15,24,.8),rgba(14,41,48,.56))!important;
}
body.home-page .hero .stream-readout-music {min-width:0!important;grid-column:1!important;grid-row:1!important}
body.home-page .hero .stream-readout-music>span {
  display:block!important;margin-bottom:5px!important;
  color:#6ce0ea!important;font:850 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.14em!important;
}
body.home-page .hero #stream-track {
  display:block!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;color:#efffff!important;
  font-weight:750!important;font-size:clamp(13px,1.4vw,17px)!important;
}
/* Equalizer rises ONLY while the existing .is-playing state is set. */
body.home-page .hero .stream-equalizer {
  display:flex!important;align-items:center!important;justify-content:center!important;
  grid-column:2!important;grid-row:1!important;
  align-self:center!important;height:36px!important;gap:3px!important;max-width:110px!important;
  border-top:0!important;padding:0!important;margin:0!important;
}
body.home-page .hero .stream-equalizer i {
  display:block!important;width:4px!important;flex:0 0 4px!important;
  height:7px!important;border-radius:8px!important;
  background:linear-gradient(0deg,#4cd7e9,#d5f779)!important;
  animation:none!important;box-shadow:0 0 7px rgba(69,222,235,.22)!important;
}
body.home-page .hero .stream-equalizer i:nth-child(3n+1) {height:13px!important}
body.home-page .hero .stream-equalizer i:nth-child(4n+2) {height:20px!important}
@keyframes arlBroadcastBars {0%,100%{transform:scaleY(.38)}35%{transform:scaleY(1.14)}65%{transform:scaleY(.68)}}
body.home-page .hero .radio-player.is-playing .stream-equalizer i {
  animation:arlBroadcastBars .78s ease-in-out infinite!important;
  transform-origin:center!important;
}
body.home-page .hero .stream-equalizer i:nth-child(2n){animation-delay:-.32s!important}
body.home-page .hero .stream-equalizer i:nth-child(3n){animation-delay:-.51s!important}
body.home-page .hero .stream-equalizer i:nth-child(5n){animation-delay:-.13s!important}
@media (max-width:820px) {
  body.home-page .hero .radio-player-main {grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important}
  body.home-page .hero #radio-play,body.home-page .hero #radio-play.arl-dj-art-active {width:112px!important;height:107px!important}
  body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {height:65px!important;flex-basis:65px!important}
  body.home-page .hero .radio-volume {grid-column:1/-1!important;max-width:none!important;padding:11px 12px!important}
  body.home-page .hero .radio-player-topline::after {font-size:9px!important}
}
@media (max-width:450px) {
  body.home-page .hero .radio-player {padding:14px!important;border-radius:17px!important}
  body.home-page .hero .radio-player-topline{gap:8px!important;margin-bottom:13px!important;padding-bottom:10px!important}
  body.home-page .hero .radio-player-topline::after {content:"RADIO CONSOLE";font-size:9px!important;letter-spacing:.04em!important}
  body.home-page .hero .radio-player-main {grid-template-columns:100px minmax(0,1fr)!important;gap:10px!important}
  body.home-page .hero #radio-play,body.home-page .hero #radio-play.arl-dj-art-active {width:100px!important;height:103px!important;padding:8px 6px!important}
  body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {height:63px!important;flex-basis:63px!important}
  body.home-page .hero #radio-play .radio-play-label,body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {font-size:9px!important;letter-spacing:.04em!important}
  body.home-page .hero .radio-player-details strong {font-size:18px!important}
  body.home-page .hero .stream-readout {padding:11px!important;gap:8px!important;margin-top:12px!important}
  body.home-page .hero .stream-equalizer {max-width:74px!important;gap:2px!important}
  body.home-page .hero .stream-equalizer i {width:3px!important;flex-basis:3px!important}
}
@media(prefers-reduced-motion:reduce){body.home-page .hero .radio-player.is-playing .stream-equalizer i{animation:none!important}body.home-page .hero #radio-play{transition:none!important}}