/* home.css - scoped progressive enhancement for / */

body[data-app="pj-home"] [data-testid="hero-container"] .swiper {
  overflow: hidden;
  touch-action: pan-y;
}

body[data-app="pj-home"] [data-testid="hero-container"] .swiper-wrapper {
  transition: transform .28s ease;
  will-change: transform;
}

body[data-app="pj-home"] [data-testid="hero-container"].is-dragging,
body[data-app="pj-home"] [data-testid="hero-container"].is-dragging * {
  cursor: grabbing;
  user-select: none;
}

body[data-app="pj-home"] [data-testid="hero-container"].is-dragging .swiper-wrapper {
  transition: none;
}

body[data-app="pj-home"] [data-testid="hero-container"] .swiper-pagination-bullet {
  cursor: pointer;
}

body[data-app="pj-home"] [data-testid="hero-container"] .custom-prev.is-disabled,
body[data-app="pj-home"] [data-testid="hero-container"] .custom-next.is-disabled {
  pointer-events: none;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"].swiper {
  cursor: grab;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"].swiper::-webkit-scrollbar {
  display: none;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"].swiper.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"] .swiper-wrapper {
  transform: none !important;
  width: max-content;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"] .swiper-slide {
  scroll-snap-align: start;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"] img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

body[data-app="pj-home"] [data-pj-swipe-carousel="start-order"] a {
  -webkit-user-drag: none;
}