/* RDJSOUND PLAYER - BASE */
.rdjx-player{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#090b11;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 35px rgba(0,0,0,.45)}
.rdjx-progress{position:absolute;left:0;right:0;top:0;height:4px}
.rdjx-progress input{position:absolute;inset:0;width:100%;height:4px;margin:0;cursor:pointer}
.rdjx-main{height:72px;display:grid;grid-template-columns:minmax(190px,260px) minmax(280px,1fr) auto auto;gap:18px;align-items:center;max-width:1440px;margin:0 auto;padding:6px 18px}
.rdjx-meta{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.rdjx-meta img{width:54px;height:54px;object-fit:cover;border-radius:4px}
.rdjx-info{min-width:0}.rdjx-info strong,.rdjx-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdjx-controls{display:flex;align-items:center;justify-content:center;gap:8px}
.rdjx-time{display:flex;align-items:center;gap:4px;white-space:nowrap}
.rdjx-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px}

/* CONTROLS */
.rdjx-player button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#f1f4f7;display:grid;place-items:center;cursor:pointer;font:inherit}
@media(hover:hover) and (pointer:fine){.rdjx-player button:hover{background:rgba(255,255,255,.08)}}
.rdjx-play{width:42px;height:42px;background:#f1f4f7;color:#090b11;font-size:16px}
.rdjx-info strong{font-size:.94rem;color:#fff}
.rdjx-info span{font-size:.78rem;color:#9ba6b2;margin-top:3px}
.rdjx-time{font-size:.72rem;color:#9ba6b2}
.rdjx-volume{position:relative;display:flex;align-items:center}
.rdjx-volume input{position:absolute;width:90px;height:28px;right:-28px;bottom:64px;transform:rotate(-90deg);transform-origin:center;background:#11151a;opacity:0;pointer-events:none;transition:opacity .15s ease}
.rdjx-volume:hover input,.rdjx-volume:focus-within input{opacity:1;pointer-events:auto}

/* RESPONSIVE */
@media(max-width:960px){
.rdjx-main{grid-template-columns:minmax(170px,240px) 1fr auto;gap:12px;padding:6px 12px}
.rdjx-time{display:none}
}
@media(max-width:767px){
.rdjx-main{height:68px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px 10px}
.rdjx-progress{top:0;height:3px}
.rdjx-progress input{height:3px}
.rdjx-meta{grid-template-columns:48px minmax(0,1fr);gap:8px}
.rdjx-meta img{width:48px;height:48px}
.rdjx-info strong{font-size:.84rem}
.rdjx-info span{font-size:.72rem}
.rdjx-tools{gap:2px}
}
@media(max-width:600px){
.rdjx-main{grid-template-columns:minmax(0,1fr) auto auto}
#rdjx-shuffle,#rdjx-repeat,#rdjx-previous,#rdjx-next{display:none}
.rdjx-controls{gap:0}
.rdjx-tools #rdjx-video{display:none}
.rdjx-player button{width:32px;height:32px}
.rdjx-play{width:40px;height:40px}
}

/* TEMP: OLD PLAYER HIDDEN */
.rdj-home .rdj-player{display:none}

/* MAIN PLAY OVERRIDE */
.rdjx-player .rdjx-play{width:42px;height:42px;background:#f1f4f7;color:#090b11;font-size:16px}

/* DESKTOP PLAYER TRUE CENTER */
@media(min-width:961px){
.rdjx-main{position:relative;height:80px}
.rdjx-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:10px}
.rdjx-player .rdjx-play{width:52px;height:52px;font-size:20px}
.rdjx-controls button:not(.rdjx-play){width:38px;height:38px;font-size:17px}
.rdjx-meta img{width:58px;height:58px}
.rdjx-meta{grid-template-columns:58px minmax(0,1fr)}
}

/* PLAY ICON OPTICAL CENTER */
.rdjx-player .rdjx-play:not(.is-playing){text-indent:3px}
.rdjx-player .rdjx-play.is-playing{text-indent:0}

/* PLAYER ACTIVE STATES */
.rdjx-player button.is-active{background:rgba(72,200,245,.16);color:#48c8f5;box-shadow:inset 0 0 0 1px rgba(72,200,245,.35)}

/* MOBILE TAP STATE FIX */
@media(max-width:767px){
.rdjx-player button{-webkit-tap-highlight-color:transparent}
.rdjx-player .rdjx-play,.rdjx-player .rdjx-play:hover,.rdjx-player .rdjx-play:focus,.rdjx-player .rdjx-play:active{background:#f1f4f7;color:#090b11;opacity:1;filter:none}
.rdjx-player .rdjx-play.is-playing{background:#f1f4f7;color:#090b11;opacity:1;filter:none}
}

/* PLAY ICON SIZE */
.rdjx-player .rdjx-play:not(.is-playing){font-size:25px;line-height:1}
.rdjx-player .rdjx-play.is-playing{font-size:18px;line-height:1}

/* DIGITAL PLAY / PAUSE SVG */
.rdjx-player .rdjx-play,
.rdjx-player .rdjx-play:not(.is-playing),
.rdjx-player .rdjx-play.is-playing{
  text-indent:0;
  font-size:0;
}
.rdjx-play .rdjx-icon{
  width:25px;
  height:25px;
  display:block;
  fill:currentColor;
}
.rdjx-play .rdjx-icon-pause{display:none}
.rdjx-play.is-playing .rdjx-icon-play{display:none}
.rdjx-play.is-playing .rdjx-icon-pause{display:block}
.rdjx-play.is-playing .rdjx-icon-pause{
  width:23px;
  height:23px;
}

/* TOUCH CONTROLS - NO STICKY HOVER */
@media(hover:none) and (pointer:coarse){
  .rdjx-player button{
    -webkit-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:transparent;
    opacity:1;
    filter:none;
  }
  .rdjx-player button:focus{
    outline:none;
  }
}

/* DIGITAL MAIN PLAY - DESKTOP FINAL */
.rdjx-play .rdjx-icon-play{
  width:31px;
  height:31px;
}
.rdjx-play .rdjx-icon-pause{
  width:24px;
  height:24px;
}

@media(hover:hover) and (pointer:fine){
  .rdjx-player .rdjx-play,
  .rdjx-player .rdjx-play:hover,
  .rdjx-player .rdjx-play:focus,
  .rdjx-player .rdjx-play:active{
    background:#f1f4f7;
    color:#090b11;
    opacity:1;
    filter:none;
  }
}

/* DESKTOP MAIN CONTROL SIZE */
@media(min-width:961px){
  .rdjx-player .rdjx-play{
    width:56px;
    height:56px;
  }
  .rdjx-play .rdjx-icon-play{
    width:32px;
    height:32px;
  }
  .rdjx-play .rdjx-icon-pause{
    width:27px;
    height:27px;
  }
}

/* DESKTOP MAIN CONTROL - INNER ICON FIX */
@media(min-width:961px){
  .rdjx-player .rdjx-play{
    width:52px;
    height:52px;
  }
  .rdjx-player .rdjx-play .rdjx-icon-play{
    width:33px;
    height:33px;
  }
  .rdjx-player .rdjx-play.is-playing .rdjx-icon-pause{
    width:28px;
    height:28px;
  }
}

/* DIGITAL PREVIOUS / NEXT */
.rdjx-skip-icon{
  width:23px;
  height:23px;
  display:block;
  fill:currentColor;
}

/* DIGITAL SHUFFLE / REPEAT */
.rdjx-utility-icon{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* DIGITAL PLAYER TOOLS */
.rdjx-tool-icon{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* DIGITAL VERTICAL VOLUME */
.rdjx-volume input{
  -webkit-appearance:none;
  appearance:none;
  width:74px;
  height:4px;
  right:-20px;
  bottom:55px;
  background:transparent;
}

.rdjx-volume input::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.rdjx-volume input::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;
  height:12px;
  margin-top:-4.5px;
  border:0;
  border-radius:50%;
  background:#48c8f5;
  box-shadow:0 0 8px rgba(72,200,245,.45);
}

.rdjx-volume input::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.rdjx-volume input::-moz-range-thumb{
  width:12px;
  height:12px;
  border:0;
  border-radius:50%;
  background:#48c8f5;
}

/* DIGITAL PROGRESS BAR */
.rdjx-progress input{
  -webkit-appearance:none;
  appearance:none;
  height:3px;
  border:0;
  outline:0;
  border-radius:999px;
  background:linear-gradient(
    to right,
    #48c8f5 0%,
    #48c8f5 var(--rdjx-progress,0%),
    rgba(255,255,255,.22) var(--rdjx-progress,0%),
    rgba(255,255,255,.22) 100%
  );
}

.rdjx-progress input::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:transparent;
}

.rdjx-progress input::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:11px;
  height:11px;
  margin-top:-4px;
  border:0;
  border-radius:50%;
  background:#48c8f5;
  box-shadow:0 0 8px rgba(72,200,245,.42);
}

.rdjx-progress input::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.rdjx-progress input::-moz-range-progress{
  height:3px;
  border-radius:999px;
  background:#48c8f5;
}

.rdjx-progress input::-moz-range-thumb{
  width:11px;
  height:11px;
  border:0;
  border-radius:50%;
  background:#48c8f5;
}

/* RDJX QUEUE PANEL */
.rdjx-queue-panel{
  position:absolute;
  right:18px;
  bottom:86px;
  width:min(390px,calc(100vw - 36px));
  max-height:55vh;
  overflow:hidden;
  border:1px solid rgba(72,200,245,.20);
  border-radius:16px;
  background:rgba(9,11,17,.97);
  box-shadow:0 18px 55px rgba(0,0,0,.55);
  backdrop-filter:blur(18px);
}

.rdjx-queue-head{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 10px 9px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.rdjx-queue-head strong{
  color:#f1f4f7;
  font-size:.88rem;
  letter-spacing:.02em;
}

.rdjx-player #rdjx-queue-close{
  width:32px;
  height:32px;
  font-size:22px;
  line-height:1;
  color:#9ba6b2;
}

.rdjx-queue-list{
  max-height:calc(55vh - 52px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:8px;
}

@media(max-width:767px){
  .rdjx-queue-panel{
    left:10px;
    right:10px;
    bottom:76px;
    width:auto;
    max-height:48vh;
    border-radius:14px;
  }
}

/* RDJX QUEUE ITEMS */
.rdjx-player .rdjx-queue-item{
  width:100%;
  height:auto;
  min-height:58px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:11px;
  align-items:center;
  justify-items:stretch;
  padding:6px 10px;
  border-radius:10px;
  background:transparent;
  color:#f1f4f7;
  text-align:left;
}

.rdjx-player .rdjx-queue-item:hover{
  background:rgba(255,255,255,.06);
}

.rdjx-queue-item img{
  width:46px;
  height:46px;
  border-radius:7px;
  object-fit:cover;
}

.rdjx-queue-item-info{
  min-width:0;
  display:block;
}

.rdjx-queue-item-info strong,
.rdjx-queue-item-info span{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.rdjx-queue-item-info strong{
  font-size:.84rem;
  color:#f1f4f7;
}

.rdjx-queue-item-info span{
  margin-top:3px;
  font-size:.72rem;
  color:#9ba6b2;
}

.rdjx-player .rdjx-queue-item.is-current{
  background:rgba(72,200,245,.10);
  box-shadow:inset 3px 0 0 #48c8f5;
}

/* RDJX VIDEO PANEL */
.rdjx-video-panel{
  position:absolute;
  right:18px;
  bottom:86px;
  width:min(470px,calc(100vw - 36px));
  overflow:hidden;
  border:1px solid rgba(72,200,245,.22);
  border-radius:16px;
  background:#090b11;
  box-shadow:0 18px 55px rgba(0,0,0,.58);
  backdrop-filter:blur(18px);
}




.rdjx-video-stage{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:#000;
}

.rdjx-video-stage iframe,
.rdjx-video-stage video{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

@media(max-width:767px){
  .rdjx-video-panel{
    left:10px;
    right:10px;
    bottom:76px;
    width:auto;
    border-radius:14px;
  }
}

/* PLYR + RDJSOUND */
.rdjx-video-stage{
  --plyr-color-main:#48c8f5;
  --plyr-video-background:#000;
}