/*
 * Prevent iOS Safari from zooming the page when a text control receives focus.
 *
 * Safari zooms controls whose computed font size is below 16px. Keep this file
 * loaded after restaurant theme styles so the protection works consistently
 * across every public brand without changing desktop typography.
 */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  input:is(
    :not([type]),
    [type="text"],
    [type="search"],
    [type="email"],
    [type="password"],
    [type="tel"],
    [type="url"],
    [type="number"],
    [type="date"],
    [type="time"],
    [type="datetime-local"]
  ),
  textarea,
  select {
    font-size: 16px !important;
  }
}