/**
 * mobile-no-zoom.css
 * Comprehensive protection against automatic zooming (in/out) on mobile devices (iOS Safari & Android Chrome).
 *
 * ROOT CAUSES PREVENTED:
 * 1. iOS Safari auto-zooming into inputs when font-size < 16px.
 * 2. Double-tap to zoom accidental triggers.
 * 3. Horizontal layout overflow causing viewport re-centering/scaling.
 * 4. Text-size adjustment inflation during device orientation changes.
 */

/* ─── 1. Prevent Double-Tap Zoom & Unintended Pinch Gestures ───────────── */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

a,
button,
input,
select,
textarea,
[role="button"],
[tabindex],
label {
  touch-action: manipulation;
}

/* ─── 2. Force 16px Font Size on Form Controls on Mobile Viewports ─────── */
/* (iOS Safari auto-zooms whenever any focused field has font-size < 16px) */
@media screen and (max-width: 899px) {
  input,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  input[type="search"],
  input[type="url"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select,
  textarea {
    font-size: 16px !important;
  }

  input::placeholder,
  textarea::placeholder {
    font-size: 16px !important;
  }

  select {
    font-size: 16px !important;
    -webkit-appearance: none;
  }

  /* Specific search inputs across all navbars and search bars */
  .search-input,
  #searchInput,
  #headerSearchInput,
  #storeSearchInput,
  [type="search"],
  .nav-search input,
  .form-input,
  .form-select,
  .filter-input,
  .filter-select,
  .pattani-input,
  .smart-qty-input,
  .qo-qty,
  .search-category-select,
  .density-select,
  .store-sort-select,
  #calcWidth,
  #calcHeight,
  #calcQuantity,
  #calcUnit,
  #calcWastage,
  #prUnit,
  #prDescription,
  #dealerLoginId,
  #dealerLoginPassword,
  #sortSelect,
  #densitySelect,
  #searchCategorySelect,
  #filterCategory,
  #filterAvailability,
  #filterBrand,
  #filterUnit,
  #filterOffers {
    font-size: 16px !important;
  }
}

/* ─── 3. Prevent Oversized Media from Inducing Viewport Rescaling ───────── */
img,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}