/**
 * Child Theme – styles.css
 */

/* ───────────────────────────────────────────────────────────
   Sticky ZoomSounds Player Bar
─────────────────────────────────────────────────────────── */
#sticky-player,
.sticky-zoomsounds {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #111 !important;
  z-index: 1000003 !important;  /* above slider */
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Track-list Toggle Button (☰)
─────────────────────────────────────────────────────────── */
.sticky-track-toggle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  bottom: 10px !important;
  right: 12px !important;
  z-index: 1000004 !important;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  transition: background .2s;
}
.sticky-track-toggle:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* ───────────────────────────────────────────────────────────
   Slide-up Panel (hidden by default)
─────────────────────────────────────────────────────────── */
#zoomsounds-slider {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: calc(100vh - 0px) !important;
	overflow: hidden !important;
	z-index: 1 !important;
	transform: translateY(100%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: transform .3s ease, opacity .3s ease !important;
}

/* Slide Up & Fade In */
#zoomsounds-slider.open {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Close Button (×)
─────────────────────────────────────────────────────────── */
#zoomsounds-slider .close-slider {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 1000002 !important;
  font-size: 1.5rem !important;
  background: none !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Slider Content Window
─────────────────────────────────────────────────────────── */
#slider-content {
	position: absolute !important;
	top: 10rem !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	overflow-y: auto !important;
	padding: 0.5rem 1rem;
}

/* ───────────────────────────────────────────────────────────
   Slider Header (Album Art)
─────────────────────────────────────────────────────────── */
/* Ensure our header img always sits above the panel background */
#slider-content .slider-header {
  position: relative;
  z-index: 2;               /* above the panel’s background */
  text-align: center;
  margin-bottom: 1rem;
}

/* Make the album art a fixed, centered thumbnail */
#slider-content .slider-header img {
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	max-width: 500px;
}

/* ───────────────────────────────────────────────────────────
   Prevent Background Scroll When Slider Is Open
─────────────────────────────────────────────────────────── */
body.no-scroll {
  overflow: hidden !important;
  /* position: fixed !important;
  width: 100% !important; */
}

/* ───────────────────────────────────────────────────────────
   Audio Player & ZoomSounds Overrides
─────────────────────────────────────────────────────────── */
/* Expand scrubber width */
.audioplayer.skin-silver .ap-controls .scrubbar {
	width: 100% !important;
	height: 15px !important;
	top: -10px !important;
	position: absolute !important;
}

/* Footer-player tweaks */
.audioplayer.apconfig-footer-player.skin-silver .ap-controls .curr-time,
.audioplayer.apconfig-footer-player.skin-silver .ap-controls .ap-controls-right .total-time {
  display: none !important;
}
.audioplayer.skin-silver .ap-controls .ap-controls-left {
  width: 100% !important;
}
.audioplayer.skin-silver .ap-controls .meta-artist-con .meta-artist {
  display: flex;
  flex-direction: column-reverse;
}
.dzsap-sticktobottom .audioplayer.skin-silver .ap-controls .meta-artist-con {
  max-width: none !important;
  width: 100% !important;
}

#ag1 {
  max-width: 500px;
  margin: 0 auto;
}

.zoomsounds-slider .zoomsounds-nav.skin-aura .menu-item .the-name {
  opacity: 1;
  color: #FFF;
}

/* Hide extraneous ZoomSounds nav/thumb UI in slider */
.zoomsounds-slider .the-thumb-con,
.zoomsounds-slider .menu-item-thumb-con,
.zoomsounds-nav.skin-aura .menu-item .float-right,
.zoomsounds-nav.skin-aura .menu-item .the-artist,
.dzsap-sticktobottom-for-skin-silver .ap-controls-right .btn-footer-playlist {
  display: none !important;
}

.dzs-container {max-width: none !important;}