/* ============================================================
   iFixKart Storefront Mobile Responsive overrides
   Optimized for Android Chrome and iOS Safari
   ============================================================ */

/* 1. Selective Tap Highlights for dynamic UI elements */
button,
a,
[role="button"] {
  -webkit-tap-highlight-color: transparent !important;
}

/* 2. Responsive viewports & safe area overrides */
@media (max-width: 767px) {
  /* Selective backdrop-filter resets for slow scroll frame performance */
  .mobile-sticky-header,
  .sticky-purchase-bar,
  .mobile-search-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* GPU-layer composition promotion to stabilize sticky elements against dynamic URL bar shifts */
  .mobile-sticky-header,
  .sticky-purchase-bar {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
  }

  /* Mobile bottom purchase CTA honors Apple dynamic Home Indicators */
  .sticky-purchase-bar {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  /* Prevent text selection and zoom focus bounds breaks on interactive attribute select badges */
  .attribute-badge {
    user-select: none;
    touch-action: manipulation;
  }
}

/* 3. Custom thin scrollbar for scrollable categories dropdown list */
.custom-sidebar-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.custom-sidebar-scrollbar::-webkit-scrollbar-track {
  background: #f8fafc;
}
.custom-sidebar-scrollbar::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 4px;
}
.custom-sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}