/**
 * Darwesh Group — mobile interaction policy (site-wide)
 * ------------------------------------------------------------
 * Goal: reduce accidental double-tap browser page zoom on tappable UI
 * without blocking pinch-zoom, accessibility magnification, scrolling,
 * text selection, or Leaflet map gestures.
 *
 * Uses touch-action: manipulation on interactive controls only.
 * Does NOT set user-scalable=no or maximum-scale=1.
 * Does NOT globally preventDefault on touch events.
 *
 * Linked via css/cinematic.css (@import) so pages that already load the
 * brand stylesheet inherit this policy. Pages without cinematic.css
 * should <link> this file directly.
 */

/* Tappable chrome — buttons, nav, segmented controls, glass surfaces. */
button,
a,
summary,
[role="button"],
[role="tab"],
[role="menuitem"],
[role="option"],
[role="switch"],
[role="checkbox"],
[role="radio"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
input[type="range"],
label,
select,
.dg-action,
.aw-btn,
.pts-btn,
.dg-btn,
.type-toggle,
.map-mode-toggle,
.filter-dropdown-btn,
.toolbar-btn-quiet,
.sort-option,
.chip-opt,
.hometype-card,
.currency-opt,
.mx-tool,
.mx-tools-toggle,
.mx-rail-nav,
.mx-density-btn,
.lg-chip,
.lg-btn,
.lg-choice,
.lg-linkish,
.lg-chip-btn,
#lgGlass,
#lgGlassBack,
#lgGlassClose,
#mxLocateBar,
#mxPencilBar,
#mxSaveBar,
#mapFloatTools,
#typeSeg,
#mapModeSeg,
#siteHeader button,
#siteHeader a,
#siteMobileNav button,
#siteMobileNav a,
.site-header button,
.site-header a,
.auth-card button,
.ps-btn {
  touch-action: manipulation;
}

/* Preserve map canvas gestures (pan / pinch / Leaflet handlers).
   Drawing modes already set touch-action: none on #map.draw-mode. */
#map,
#map .leaflet-container,
#map .leaflet-pane,
#map .leaflet-control-container {
  touch-action: manipulation;
}

/* Text fields keep default browser behavior (selection, caret, etc.). */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea,
[contenteditable="true"] {
  touch-action: auto;
}