/* Basic sanity */
.enmedia-slick,
.enmedia-slick * {
  box-sizing: border-box;
  height: 100%;
}

/* Prevent flash of stacked slides before Slick initializes */
.enmedia-slick:not(.slick-initialized) .enmedia-slick-slide {
  display: none;
}
.enmedia-slick:not(.slick-initialized) .enmedia-slick-slide:first-child {
  display: block;
}

/* Images behave nicely */
.enmedia-slick img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Wrapper for slider + bar (bar is NOT inside slick) */
.enmedia-slick-wrap {
  position: relative;
  overflow: visible;
  height: 100%;
}

/* Track (default below slider) */
.enmedia-slick-bar {
  width: 100%;
  height: 8px;
  background: #eee;
  border-radius: 999px;
  position: relative;
  margin-top: 4px;
  user-select: none;
  touch-action: none;
}

/* Moving tab (width is set by JS = 1/N of bar) */
.enmedia-slick-tab {
  position: absolute;
  top: 50%;
  left: 0;
  height: 8px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(0,0,0,.5);
  transition: left .25s ease;
}

/* Overlay mode (bar over image) */
.enmedia-slick-wrap--overlay .enmedia-slick-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  z-index: 1000;
  background: rgba(0,0,0,.3);
}

.enmedia-slick-wrap--overlay .enmedia-slick-tab {
  background: #444;
}

/* While dragging, disable transitions so it feels direct */
.enmedia-slick--dragging .enmedia-slick-tab {
  transition: none !important;
}


@media (min-width:768px) {
  .enmedia-slick-bar {
    display: none !important;
  }
}