/* ==========================================================================
   إصلاحات الموبايل — WAW Store
   ========================================================================== */

/* --------------------------------------------------------------------------
   منع الزوم التلقائي في آيفون
   ---------------------------------------------------------------------------
   سفاري على iOS بيعمل زوم للصفحة تلقائيًا أول ما المستخدم يدوس على خانة
   حجم خطها أقل من 16px — الصفحة بتنطّ والعميل بيتوه، وأخطرها في الشيكاوت.
   16px هو الحد الأدنى اللي بيمنع ده.
   -------------------------------------------------------------------------- */
@media (max-width: 820px) {
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="password"],
  input[type="url"],
  input:not([type]),
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* --------------------------------------------------------------------------
   مساحات لمس أكبر
   ---------------------------------------------------------------------------
   الشرايح الصغيرة (نطاق السعر، الفلاتر) كانت 28px وده صعب على الصباع.
   -------------------------------------------------------------------------- */
@media (max-width: 820px) {
  .price-range-chip,
  .filter-chip,
  .cat-filter-item,
  .color-swatch-btn {
    min-height: 40px;
  }
  .price-range-chip,
  .filter-chip {
    padding-block: 9px;
  }
}

/* --------------------------------------------------------------------------
   شريط التنقل السفلي مايغطّيش آخر المحتوى
   -------------------------------------------------------------------------- */
@media (max-width: 820px) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}