/* ==========================================================================
   Carousel Utilities - Базові стилі для всіх каруселей
   ========================================================================== */

.carousel-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */

  /* Touch-friendly */
  touch-action: pan-x;
}

.carousel-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.carousel-item {
  flex: 0 0 auto;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  min-width: 0; /* Критично: дозволяє flex елементам стискатися */
}

/* Accessibility */
.carousel-container:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Disabled state для кнопок */
.carousel-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}