/* Prevent iOS Safari from auto-zooming when inputs are focused.
   iOS Safari zooms the page when the focused input font-size < 16px.
   We enforce a minimum font-size for form controls inside the form screen
   and ensure text-size-adjust is disabled so mobile browsers don't scale text.
*/

/* Apply globally to be safe, but scoped to form and instruction screens */
html,
body {
  -webkit-text-size-adjust: 100%; /* iOS Safari */
  -ms-text-size-adjust: 100%; /* IE Mobile */
  text-size-adjust: 100%; /* Modern browsers */
}

/* Ensure form controls are large enough to avoid auto-zoom */
#form-screen input,
#form-screen textarea,
#form-screen select,
#form-screen button,
#form-screen .file-input-button,
#form-screen .form-field-input,
#form-screen .toggle-label,
#instruction-screen .toggle-label {
  font-size: 14px !important;
  line-height: 1.2;
}

#form-screen .toggle-checkbox,
#instruction-screen .toggle-checkbox {
  width: 22px;
  height: 22px;
}

/* Make file input label/button respect the font-size rule */
.file-input-button {
  font-size: 16px !important;
}

/* prevent text from being enlarged  */
input:focus,
textarea:focus,
select:focus,
button:focus {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}