/* ---------------------------------------------------------------------------
   Fields you type into, on a touch screen.

   Safari on iOS zooms the whole page in whenever a field is focused whose type
   is smaller than 16px, and it does not zoom back out afterwards - the page is
   left scrolled sideways. Every field on the site inherits Bootstrap's 14px (a
   few set their own 12.5-15px), so tapping the search box, the address boxes in
   Add Location, the card form, anything, jumps the layout.

   16px is the threshold Safari uses, so the fix is to hold text-entry fields at
   16px on touch screens. Nothing else changes: desktop keeps the 14px sizes,
   and this file deliberately leaves <select> alone - a picker wheel opens
   rather than a keyboard, and the cart's spot picker relies on its 12.5px to
   fit long names.

   !important is here on purpose. This is a device-level override that has to
   beat every per-field size already set elsewhere, including any set inline.

   Loaded last in pageLoader.php so it comes after app.css.
   --------------------------------------------------------------------------- */

@media (hover: none) and (pointer: coarse), (max-width: 991px) {
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input:not([type]),
    textarea,
    [contenteditable="true"] {
        font-size: 16px !important;
    }
}