/* Hide the little arrow pointer on the playlist panel */
.dzstooltip.playlist-tooltip .arrow-bottom {
  display: none !important;
}

/* Style the playlist tooltip as a fixed bottom tray */
.dzstooltip.playlist-tooltip {
  position: fixed !important;
  bottom: 0; left: 0; right: 0;
  width: 100%;
  max-height: 80vh !important;
  background: #fff !important;
  transform: translateY(100%) !important;
  transition: transform 0.3s ease !important;
  overflow-y: auto !important;
  z-index: 1001 !important;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.2) !important;
}

/* Slide into view when ZoomSounds adds .active2 */
.dzstooltip.playlist-tooltip.active2 {
  transform: translateY(0) !important;
}

/* Draw an 80% black overlay behind the panel */
.dzstooltip.playlist-tooltip.active2::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: -1; /* behind the white panel but above page */
  pointer-events: none;
}

/* Ensure your sticky footer player stays above everything */
.dzsap-sticktobottom-for-skin-silver {
  z-index: 1002 !important;
}

/* If ZoomSounds injects its own green toggle anywhere else, hide it */
.znz-playlist-toggle {
  display: none !important;
}
/* But show it inside your sticky footer so users can click it */
.dzsap-sticktobottom-for-skin-silver .znz-playlist-toggle {
  display: block !important;
  position: absolute; /* adjust these to place your icon */
  top: 10px; right: 20px;
  z-index: 1003;
  cursor: pointer;
}