/* ============================================================
   iOS SAFARI FIXES — tap highlight, momentum scroll, overscroll
   Save to: public/css/ios-fixes.css
   Load PALING TERAKHIR di layout (setelah grain-overlay.css)
   ============================================================ */

/* Hilangkan tap-highlight abu/biru default iOS Safari di semua
   elemen interaktif (link, button, item navigasi) */
a,
button,
.nav-icon-btn,
.bnav-item,
.mobile-nav-link,
.mobile-accordion-toggle,
.btn-add-cart,
.btn-primary-aw,
.btn-outline-aw {
  -webkit-tap-highlight-color: transparent;
}

/* Reset default iOS styling di button/input (Safari kadang nambahin
   gradient/border bawaan sistem kalau appearance belum di-reset) */
button,
input,
textarea,
select {
  -webkit-appearance: none;
  appearance: none;
}

/* Momentum scroll halus di area yang bisa di-scroll internal
   (offcanvas menu, cart drawer body, search panel dropdown) */
#mobileMenuOffcanvas > div:last-child,
.drawer-body,
#fsDropdown {
  -webkit-overflow-scrolling: touch;
}

/* Cegah scroll di dalam offcanvas/drawer/search "bocor" jadi
   bounce di background body (overscroll chaining) */
#mobileMenuOffcanvas,
#mobileMenuOffcanvas > div:last-child,
#cartDrawer,
.drawer-body,
#fsDropdown {
  overscroll-behavior: contain;
}

/* Body dikunci scroll pas drawer/modal/offcanvas open — tambahin
   overscroll-behavior biar gak ada bounce residual ke halaman */
body {
  overscroll-behavior-y: contain;
}