/* Base slider container */
.acs-slider {
  position: relative;
  overflow: visible; /* allow arrows outside */
}

/* Clip slides area, hide clones */
.acs-slider .slick-list {
  overflow: hidden;
}

/* Arrow buttons */
.acs-slider .slick-prev,
.acs-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border: none;
  padding: 0;
}

/* Pull arrows outside by default arrow‐width + 10px margin */
.acs-slider .slick-prev { left: calc(-1 * (var(--arrow-width) + 10px)); }
.acs-slider .slick-next { right: calc(-1 * (var(--arrow-width) + 10px)); }

/* Enlarge hit area without moving SVG */
.acs-slider .slick-prev,
.acs-slider .slick-next {
  width: calc(var(--arrow-width) + 10px);
  height: calc(var(--arrow-width) + 10px);
}

/* Slide items */
.acs-slide-item {
  outline: none; /* remove focus outline if any */
}

/* PAGINATION DOTS — using your CSS vars */
.acs-slider .slick-dots {
  display: block !important;
  text-align: center;
  margin: 15px 0;
  padding: 0;
  list-style: none;
}

.acs-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.acs-slider .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background: var(--dot-color-inactive);
  border: 1px solid var(--dot-border-inactive);
  text-indent: -9999px;
  overflow: hidden;
}

.acs-slider .slick-dots li button:before {
  content: none !important;
}

.acs-slider .slick-dots li.slick-active button {
  background: var(--dot-color-active);
  border-color: var(--dot-border-active);
}

.acs-slider .slick-dots li button:hover {
  background: var(--dot-color-hover);
  border-color: var(--dot-border-hover);
}

.acs-slider .acs-slide-item {
  /* use your vars, defaulting to 0 */
  padding-left:  var(--item-padding-left, 0);
  padding-right: var(--item-padding-right, 0);
}

@media (max-width: 768px) {
  .acs-slider {
    padding-left:  var(--tablet-slider-padding);
    padding-right: var(--tablet-slider-padding);
  }
  .acs-slider .acs-slide-item {
    padding-left:  var(--tablet-item-padding-left);
    padding-right: var(--tablet-item-padding-right);
  }
}

@media (max-width: 480px) {
  .acs-slider {
    padding-left:  var(--mobile-slider-padding);
    padding-right: var(--mobile-slider-padding);
  }
  .acs-slider .acs-slide-item {
    padding-left:  var(--mobile-item-padding-left);
    padding-right: var(--mobile-item-padding-right);
  }
}

/* Hide all built-in video controls UI */
.acs-slider video::-webkit-media-controls,
.acs-slider video::-webkit-media-controls-enclosure,
.acs-slider video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Firefox */
.acs-slider video::-moz-media-controls {
  display: none !important;
}

/* IE/Edge */
.acs-slider video::-ms-media-controls {
  display: none !important;
}


/* make the track a flex‐container centered on its tallest child */
.acs-slider .slick-track {
  display: flex !important;
  align-items: center !important;
}

/* disable the float so flex works properly */
.acs-slider .slick-slide {
  float: none !important;
}