/* App feel on phones and tablets — loaded on every page (adminlte_head.php
   and the stand-alone pages). One place, so a new page cannot bring the
   problems back.

   1. No zoom when tapping a field. iOS zooms into any input, select or
      textarea whose text is under 16px, and stays zoomed. Every field on a
      touch screen is therefore at least 16px — the only fix that works for
      every field, including ones added later and ones inside pop-ups.
   2. No double-tap zoom and no 300ms tap delay: taps act at once.
   3. No grey flash on tap, no text inflation when the phone turns. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}
* { -webkit-tap-highlight-color: transparent; }
a, button, [role="button"], label, summary, select, input, textarea, .btn, .nav-link, .fc-event {
  touch-action: manipulation;
}

@media (pointer: coarse), (max-width: 991px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea,
  [contenteditable="true"],
  .form-control,
  .custom-select,
  .select2-search__field,
  .swal2-input,
  .swal2-textarea,
  .swal2-select,
  .daterangepicker input,
  .dataTables_filter input,
  .dataTables_length select {
    font-size: 16px !important;
  }
  /* Small inputs keep their height; only the text grows. */
  .form-control-sm, .input-group-sm > .form-control, .custom-select-sm {
    height: auto !important;
    min-height: calc(1.5em + .5rem + 2px);
  }
}