/*
 * iOS Safari zooms the page when focusing text-entry controls below 16px.
 * Keep this late in the global cascade so compact component forms cannot
 * accidentally reintroduce PWA focus zoom on phones.
 */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  :is(
    .form-control,
    .form-select,
    input:not([type]),
    input[type="date"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select,
    textarea
  ) {
    font-size: 16px !important;
  }
}