@media (max-width: 820px) {
  input, select, textarea,
  .cform input, .cform select, .cform textarea,
  .calc input, .calc select,
  .lp-form input, .lp-form textarea,
  .apply-field input, .apply-field select, .apply-field textarea,
  .search-field input,
  .pdf-row input[type=email] {
    font-size: 16px !important;
  }
  /* pole z lupą było najmniejsze na całej stronie - wyrównujemy też wysokość */
  .search-field input { height: 46px; }
}


@media (max-width: 820px) {
  footer .cols li > a,
  footer .cols li,
  header nav .nav-links > li > a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  /* flex zjada spacje wokol separatora “·” miedzy linkami (YouTube · LinkedIn) */
  footer .cols li { line-height: 1.35; gap: .38rem; flex-wrap: wrap; }

  /* telefon i mail - najważniejsze kliknięcia na telefonie */
  a[href^="tel:"], a[href^="mailto:"] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  /* w środku zdania link ma zostać w tekście, nie rozpychać akapitu */
  p a[href^="tel:"]:not(.button), p a[href^="mailto:"]:not(.button),
  li a[href^="tel:"] + a {
    display: inline;
    min-height: 0;
  }
  /* wizytowka cyfrowa: wiersz kontaktu to ikona + tekst obok siebie, nie tekst w akapicie */
  .vc-list a[href^="tel:"], .vc-list a[href^="mailto:"] {
    display: flex;
    min-height: 44px;
  }

  /* filtry galerii i portfolio - klikane kciukiem przy przeglądaniu zdjęć */
  .gl-filters a, .gl-filters button,
  .pf-filters a, .pf-filters button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* pytania FAQ rozwijane kliknięciem */
  .faq-list summary, details > summary { min-height: 44px; display: flex; align-items: center; }

  /* etykiety w macierzy „po co to komu" na stronie głównej - 19 linków
     po 32 px wysokości, klikanych kciukiem przy przeglądaniu oferty */
  .tags a, .hd-need .tags a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* logo w nagłówku - najczęstszy sposób powrotu na stronę główną */
  header a.logo { min-height: 44px; }

  /* rekrutacja: rozwijanie zakresu roli (37 px), wybór stanowiska (42 px)
     i przycisk „Aplikuj od razu" (38 px) - wszystkie tuż pod progiem */
  .role-more, .apply-role-opt, a.text-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .apply-role-opt { justify-content: flex-start; }

  /* okruszki nawigacyjne u góry podstron */
  .crumbs a { min-height: 34px; display: inline-flex; align-items: center; }

  
  .hour-chips button,
  .qty button,
  .episode-arrow,
  .segmented button,
  .addon-categories button,
  .addon-add,
  .editing-example,
  .switch-row {
    min-height: 44px;
  }
  .hour-chips button, .qty button, .episode-arrow, .segmented button {
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* „wyczyść" przy podsumowaniu miało 18 px */
  .sb-kicker button, .text-button { min-height: 44px; display: inline-flex; align-items: center; }

  /* spis treści poradnika - 27 rozdziałów po 29 px, czyli najdłuższa
     lista nawigacyjna w całym serwisie */
  #guide-toc a, .toc-groups a { min-height: 44px; display: flex; align-items: center; }
}


@supports (padding: env(safe-area-inset-bottom)) {
  footer { padding-bottom: env(safe-area-inset-bottom); }
  .lightbox { padding-bottom: env(safe-area-inset-bottom); }
}

/* ------------------------------------------------------------------
   4) Drobiazgi iOS.
------------------------------------------------------------------ */
html {
  /* Safari w poziomie samo powiększa tekst w kolumnach - nie chcemy tego */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* szare mignięcie po kliknięciu zamiast domyślnego niebieskiego prostokąta */
a, button, summary, [role="button"] {
  -webkit-tap-highlight-color: rgba(20, 22, 26, .12);
}

/* poziome przewijaki (tabele w poradniku, karuzela realizacji, filtry)
   - płynne przewijanie palcem i zatrzymywanie na pozycjach */
.tabela-scroll, .table-wrap, .op-track, .trailers-track, .gl-filters, .pf-filters {
  /* wlasciwosc wylacznie dla iOS - na komputerze nie robi nic */
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 820px) {
  .tabela-scroll, .table-wrap, .op-track, .trailers-track, .gl-filters, .pf-filters {
    scrollbar-width: thin;
  }
}

@media (max-width: 820px) {
  /* na dotyku nie ma najechania myszą - podpis pod zdjęciem w galerii
     i tak się nie pokaże, więc nie rezerwujemy na niego miejsca */
  .gl-item .gl-cap { display: none; }
}