/* mobile-input-zoom.css - podloga 16px na polach formularza (tylko iOS/iPadOS).

   PROBLEM: Safari na iOS/iPadOS automatycznie powieksza (zoom) cala strone przy
   fokusie na pole, ktorego font-size jest MNIEJSZY niz 16px. Prog jest twardy -
   15px zoomuje dokladnie tak samo jak 11px. Po zoomie strona zostaje powiekszona,
   uzytkownik musi ja recznie zmniejszac. Wszystkie tokeny typografii w panelu sa
   ponizej progu (--text-xs 11px, --text-sm 13px, --text-base 15px), wiec problem
   dotyczy praktycznie kazdego pola: searchbarow, filtrow, modali, formularzy auth.

   DLACZEGO TAK, A NIE INACZEJ:
   - `user-scalable=no` / `maximum-scale=1` w viewport - Safari iOS 10+ to ignoruje,
     a tam gdzie dziala, zabija pinch-zoom (zlamanie WCAG 1.4.4). Odpada.
   - `touch-action: manipulation` - dotyczy double-tap, nie fokusa. Nic nie daje.
   - podniesienie font-size dopiero na `:focus` - Safari decyduje o zoomie ZANIM
     zastosuje style fokusa. Nie dziala.
   - `transform: scale()` na polu 16px - rozjezdza karetke i natywne selecty.
   Zostaje podniesienie realnego font-size do 16px. To jest kanoniczna naprawa.

   BRAMKA (@supports + @media):
   `-webkit-touch-callout` wspiera wylacznie Safari na iOS/iPadOS i webviews iOS -
   desktopowe Safari na macOS NIE. `any-pointer: coarse` domyka to od drugiej strony:
   Mac bez ekranu dotykowego nigdy nie zglosi coarse. Razem = regula obowiazuje
   dokladnie na platformie z bugiem. Desktop i Android sa nietkniete (Chrome na
   Androidzie nie zoomuje przy fokusie, wiec nie ma czego naprawiac).
   Uwaga: NIE uzywamy `max-width` - iPad w poziomie ma 1366px i tez zoomuje.
   Na tym padl wczesniejszy punktowy fix w chat_v6.html (@media max-width: 767px).

   !important JEST TU KONIECZNY: kilkadziesiat pol ma font-size w atrybucie
   `style=` bezposrednio w HTML (m.in. offers.html 11px x10, drawer_v6.html x15,
   components/_v6_list_map.html, add_property.html, marketing.html). Inline style
   wygrywa z kazdym arkuszem, wiec bez !important te pola zostalyby niezalatane.

   :where() ma specyficznosc ZERO - dzieki temu caly selektor wazy 0,0,1 i kazda
   zwykla regula z klasa moze go nadpisac, jesli kiedys zajdzie taka potrzeba.

   WYLACZENIA (swiadome):
   - .v6-inline-edit (+ warianty --strong/--sub/--fmt/--num) - inline edycja w
     tabelach Leadow i Klientow. Decyzja foundera 2026-08-11: zostawiamy jak jest.
     Te pola siedza w komorkach `table-layout: fixed`, skok 11px -> 16px (+45%)
     rozjechalby tabele. Cena: na iOS zoom przy edycji komorki zostaje.
   - .ro-input (22px) i .val-margin-row .form-field__input (18px) - jedyne pola
     w panelu WIEKSZE niz 16px. Blankietowe 16px by je ZMNIEJSZYLO, a to podloga,
     nie sztywna wartosc.
   - checkbox/radio/range/file/color/submit/button/reset/image - iOS nie zoomuje
     na kontrolkach nietekstowych, a zmiana font-size psulaby ich layout.
*/

@supports (-webkit-touch-callout: none) {
  @media (any-pointer: coarse) {

    input:not(:where(
      [type="checkbox"], [type="radio"], [type="range"], [type="file"],
      [type="hidden"], [type="color"], [type="submit"], [type="button"],
      [type="reset"], [type="image"],
      .v6-inline-edit, .ro-input, .val-margin-row .form-field__input
    )),
    select:not(:where(.v6-inline-edit)),
    textarea:not(:where(.v6-inline-edit)),
    [contenteditable]:not(:where([contenteditable="false"], .v6-inline-edit)) {
      font-size: 16px !important;
    }

  }
}