/* Bonita — site overrides that are ours, not a plugin's.
 *
 * Kept in its own file so it survives: editing plugin or theme CSS inside
 * wp-content would be overwritten by anyone who re-crawls or re-copies those
 * folders, and there is no WordPress here to regenerate it.
 *
 * ---------------------------------------------------------------------------
 * FORM CONTROLS AT 16px
 *
 * The theme sets form inputs, selects and labels to 14px. iOS Safari ZOOMS THE
 * PAGE whenever a form field smaller than 16px receives focus — the layout
 * jumps as the visitor taps the box, and it does not zoom back out afterwards.
 * It is not a preference; it is fixed behaviour in mobile Safari.
 *
 * 16px is the threshold that switches it off. The difference is barely visible
 * on a desktop, and on a phone it is the difference between a form that
 * behaves and one that lurches.
 *
 * `body` prefixes the selectors purely to win the cascade against the theme's
 * own `form input[...]` rules, which have the same specificity and could
 * otherwise come later depending on load order.
 *
 * This matters on exactly one page — /corporate/, the only form on the site —
 * but it is written generically so a second form cannot reintroduce the bug.
 */

body form input[type="text"],
body form input[type="email"],
body form input[type="tel"],
body form input[type="number"],
body form input[type="search"],
body form select,
body form textarea {
  font-size: 16px;
}

body form label {
  font-size: 16px;
}

/* The submit button is not subject to the zoom rule, but a 14px button beside
   16px fields looks like a mistake. */
body form input[type="submit"],
body form button[type="submit"] {
  font-size: 16px;
}