/*
 * WiD – Kalium portfolio image carousel
 * Only geometry changes: the theme's own arrows, icons, colours,
 * sizes and hover styling are deliberately left untouched.
 */
body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced {
  position: relative;
  overflow: visible !important;
  margin-bottom: 70px !important; /* Space for navigation, outside the photo. */
}

/* Reposition the existing Slick controls without replacing their markup. */
body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced .slick-prev,
body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced .slick-next {
  position: absolute !important;
  top: calc(100% + 32px) !important;
  bottom: auto !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced .slick-prev {
  left: calc(50% - 88px) !important;
  right: auto !important;
}

body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced .slick-next {
  right: calc(50% - 88px) !important;
  left: auto !important;
}

/* The count is a pseudo-element, not an extra Slick slide. */
body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced::after {
  content: attr(data-wid-slide-count);
  position: absolute;
  left: 50%;
  top: calc(100% + 32px);
  transform: translate(-50%, -50%);
  display: block;
  min-width: 76px;
  color: #111;
  font: inherit;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced .slick-current > a[data-lightbox-gallery] {
  cursor: pointer;
}

@media (max-width: 767px) {
  body.single-portfolio .portfolio-images-slider.wid-carousel-enhanced {
    margin-bottom: 64px !important;
  }
}