/* SNF Consulting mobile-only equipment pager (replaces Swiper/Slick) */

.snfcslt-pager-wrap {
  position: relative;
}

/* Keep list clean regardless of UA styles */
.snfcslt-pager-wrap .snfcslt-item-row {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  /* Keep Slick-like outside arrows without causing horizontal scroll */
  .snfconsulting-detail-page {
    overflow-x: hidden;
  }

  /* Reduce aggressive padding from page css on phones */
  .snfcslt-grid-container,
  .snfcslt-desc {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* Reserve space for the pager arrows so they don't overlap text */
  .snfcslt-pager-wrap {
    /* allow arrows to sit outside the column like Slick */
    overflow: visible;
  }

  .snfcslt-pager-wrap .snfcslt-item {
    /* keep closer to original spacing (page css uses margin-bottom: 40px) */
    margin: 0 0 40px;
    box-sizing: border-box;
  }

  .snfcslt-pager-nav {
    position: absolute;
    top: var(--snfcslt-pager-nav-top, 46%);
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    color: transparent;
    line-height: 0;
    font-size: 0;
    outline: none;
  }

  .snfcslt-pager-prev {
    left: -40px;
  }

  .snfcslt-pager-next {
    right: -40px;
  }

  .snfcslt-pager-nav.is-disabled {
    cursor: default;
  }

  .snfcslt-pager-nav.is-disabled::before {
    opacity: 0.25;
  }

  /* Slick-like chevrons (avoid relying on Slick icon font) */
  .snfcslt-pager-nav::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    opacity: 0.75;
    box-sizing: border-box;
  }

  .snfcslt-pager-prev::before {
    transform: translate(-50%, -50%) rotate(135deg);
  }

  /* Track-based slide animation (closer to Slick feel) */
  .snfcslt-pager-viewport {
    overflow: hidden;
    width: 100%;
    height: var(--snfcslt-pager-viewport-h, auto);
    transition: height 220ms ease;
  }

  .snfcslt-pager-track {
    display: flex;
    align-items: flex-start;
    width: 100%;
    transform: translateX(0%);
    transition: transform 560ms cubic-bezier(0.42, 0, 0.58, 1);
    will-change: transform;
  }

  .snfcslt-pager-track.no-anim {
    transition: none;
  }

  .snfcslt-pager-page {
    flex: 0 0 100%;
    width: 100%;
    height: auto;
  }

  .snfcslt-pager-wrap .snfcslt-item-page {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}

@media (min-width: 768px) {
  .snfcslt-pager-nav {
    display: none !important;
  }
}