/**
 * Mobil tam kaydırma - tüm engelleri kaldırır.
 * Footer'da yüklenir. Menü kapalıyken sayfa her zaman tam kayar.
 */

@media (max-width: 991px) {
  /* 1. Document kökü her zaman dikey kayar */
  html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    touch-action: manipulation !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  /* 2. Body tam kaydırma; inline style ile kilitlenmesin diye !important */
  body,
  body#mainBody {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    height: auto !important;
    min-height: 100% !important;
    min-height: 100vh !important;
    max-height: none !important;
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  /* 3. İçerik sarmalayıcılar scroll'u yakalamasın; sayfa body'de kaysın */
  main,
  main.main-content,
  .main-content,
  .content-wrapper,
  .container {
    overflow-x: visible !important;
    overflow-y: visible !important;
    min-height: 0 !important;
    max-height: none !important;
    -webkit-overflow-scrolling: auto !important;
    overscroll-behavior: auto !important;
  }

  /* 4. Menü açıkken sadece o zaman kilit */
  body.menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    touch-action: none !important;
    left: 0 !important;
    right: 0 !important;
  }
}