/* Base Slider Layout (Mobile First) */
.ics-custom-cards-slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Hide scrollbars */
  gap: 38px;
  padding: 0 30px; /* Gives room for the 5% cutoff effect */
}

.ics-custom-cards-slider::-webkit-scrollbar {
  display: none; /* Hide scrollbars for Chrome/Safari */
}

/* Mobile Card Styling (Starts at index 0, shows next card cutoff) */
.ics-custom-card {
  flex: 0 0 90%; /* Leaves 10% space total (5% padding right + 5% next card preview) */
  max-width: 327px;
  scroll-snap-align: center;
  box-sizing: border-box;
  position: relative;
}

/* Navigation Dots */
.ics-custom-cards-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 32px;
}

.ics-custom-cards-nav-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background: rgba(142, 135, 174, 0.42);
  cursor: pointer;
  transition: background 0.3s ease;
}

.ics-custom-cards-nav-item.is-active {
  background: rgba(33, 26, 68, 1);
}

.ics-custom-card h3 {
  position: absolute;
  top: 35px;
  left: 35px;
  padding-right: 35px;
  color: #292149;
  font-size: 32px;
}

/* --- Desktop Layout (Min width 992px) --- */
@media (min-width: 992px) {
  .ics-custom-cards-slider {
    gap: 38px;
    /*padding: 0 calc(50% - 50vw); /* Allows full-bleed scroll past boundaries if container is nested */
    cursor: grab;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10 and IE Mobile */
    user-select: none;         /* Standard syntax */
    scroll-snap-type: none;
  }
  
  .ics-custom-cards-slider:active {
    cursor: grabbing;
  }

  .ics-custom-card {
    flex: 0 0 335px;
    width: 335px;
    max-width: 335px;
    scroll-snap-align: unset;
  }
  
  .ics-custom-card img {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10 and IE Mobile */
    user-select: none;         /* Standard syntax */
  }

  /* Hide navigation dots on desktop */
  .ics-custom-cards-nav {
    display: none;
  }
}