/* Visionaray Solutions: mobile fixes for the Cloudflare copy (2026-10-13). Loaded last on every page. */

@media (max-width: 819px) {
  /* Consultation form (Book a Consultation + all nine service pages). The form is capped at 760px
     and centred with auto margins, so on phones those margins collapsed to 0 and the fields ran
     edge to edge. Give it the same 20px gutters the rest of the page uses. */
  div.wpforms-container#wpforms-1421 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

@media (max-width: 1024px) {
  /* iPhone Safari zooms into any form field smaller than 16px when it's tapped, and the page stays
     zoomed. The contact form used 15px. Keep every form field at 16px on phones and tablets. */
  .wpforms-container input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
  .wpforms-container textarea,
  .wpforms-container select {
    font-size: 16px !important;
  }
}