/* Mobile-specific fixes to prevent unwanted page reloads while preserving aesthetics */

/* Prevent pull-to-refresh on mobile browsers - CSS only, no JS interference */
html {
  overscroll-behavior-y: none;
}

body {
  overscroll-behavior-y: none;
  position: relative;
  overflow-x: hidden;
}

/* Prevent touch actions that might trigger navigation on mobile */
@media (max-width: 1024px) {
  /* Disable pull-to-refresh specifically */
  body {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* Prevent accidental swipe navigation on page wrapper, but allow sliders */
  #page-wrapper {
    touch-action: pan-y pinch-zoom;
  }

  /* Ensure smooth scrolling container doesn't trigger reload */
  .js-smooth-scroll {
    overscroll-behavior: contain;
  }

  /* Allow full touch interaction on sliders */
  .swiper-container,
  .swiper-wrapper,
  .swiper-slide,
  .slider,
  .js-slider-images {
    touch-action: pan-x pan-y pinch-zoom !important;
  }

  /* Prevent modal backdrop from triggering page transitions */
  .service-inquiry-modal {
    touch-action: none;
  }

  .service-inquiry-modal__container {
    touch-action: pan-y;
  }
}

/* Prevent double-tap zoom on buttons that might trigger unwanted navigation */
@media (max-width: 1024px) {
  button,
  a,
  .arrow {
    touch-action: manipulation;
  }
}

/* Fix for iOS Safari address bar showing/hiding causing layout shifts */
@supports (-webkit-touch-callout: none) {
  body {
    min-height: -webkit-fill-available;
  }
}