/* Blue Ocean V56.17.13 — Android & iOS mobile interaction QA.
   Progressive enhancement only. Does not alter booking/auth/payment logic.
   Native select retained for accessibility; do not synthesize option-click events. */
@media (max-width: 820px), (pointer: coarse) {
  html { -webkit-text-size-adjust: 100%; }
  input, select, textarea { min-width: 0; max-width: 100%; font-size: 16px !important; }
  /* Native platform picker is more reliable than a styled full-area overlay. */
  select:not([multiple]):not([size]) {
    appearance: auto;
    -webkit-appearance: menulist;
    touch-action: manipulation;
    cursor: pointer;
    min-height: 44px;
    line-height: normal;
  }
  /* Prevent Samsung/Android textarea corner drag from resizing whole forms. */
  textarea {
    resize: none !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    min-height: 100px;
  }
  /* Keep taps intentional. Do not interfere with vertical page swipes. */
  button, input[type="button"], input[type="submit"], a.btn, [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  button, a.btn, [role="button"] { -webkit-user-select: none; user-select: none; }
  /* Prevent wide inner controls from forcing horizontal page scroll. */
  form, form > *, fieldset, .calcgrid, .booking-form, .two {
    min-width: 0;
  }
  /* Bring the focused form control below sticky headers. */
  input, textarea, select { scroll-margin-top: 6rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}