/* ==========================================================================
   PorovnejFondy — mobilní polish (2026-08-11)
   Cíl: skvělé UX na telefonu bez zásahu do prémiového designu.
   Pravidla jsou ADITIVNÍ a platí JEN na mobilu (max-width: 640px), desktop se nemění.
   1) Čitelnost: nejmenší prozaický text zvednut na legibilní minimum (>=12px).
   2) Tap plochy: primární ovládací prvky >= 44px (přístupnost, palcová obsluha).
   3) Plovoucí spodní CTA nezakrývá obsah (safe-area přes :has()).
   4) iOS drobnosti: bez auto-zoomu na inputech, jemný tap-highlight, hladké kotvy.
   ========================================================================== */

/* iOS: nezvětšovat text při otočení, nepřibližovat při focusu na input < 16px */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

@media (max-width: 640px) {
  /* --- 1) ČITELNOST: zvednout nejmenší prozaický text na >= 12px --- */
  .pfn__tagline { font-size: 11px; letter-spacing: .02em; }
  .pfn__mnote { font-size: 12px; line-height: 1.5; }
  .pfn__mprem-tag { font-size: 11px; }
  .pf-clients-stat-label { font-size: 12px; }
  /* Disclaimery a poznámky musí být čitelné (byly 10 az 11px) */
  .dis b, .bk-note b, .cmp-perf-note b,
  .hp-disc, .cs-note span, .bk-note, .bk2-cap, .bk-cap,
  .lab p, .card .lab, small.pfnt__ter { font-size: 12px; line-height: 1.5; }

  /* --- 2) TAP PLOCHY: primární ovládání min. 44px --- */
  .pfn__cta, .pfn__toggle, .pfn__hamb, .pfn-hamb,
  .pf-submit, .hero-cta, .btn, .btn-primary, .aeo-btn,
  a.pfnt__all, button[data-pf-open], a[data-pf-open],
  .pf-sticky-cta, .pf-sticky-cta a, .pf-sticky-cta button,
  /* Doplněno 26. 8. 2026: sekundární CTA měla 39 px na 2 601 stránkách
     a ikony sítí v patičce 38x38 px na 3 194 stránkách. */
  /* .h5-btn doplneno 7. 9. 2026: odesilaci tlacitko brany na 58 strankach spravcu melo
     39 px, zatimco jeho dvojce .gate-btn na zebrickach je v tomhle seznamu a ma 44 px. */
  .fp-btn, .cmp-btn, .cat-btn, .cat-perf-btn, .sp-btn, .gate-btn, .h5-btn,
  .top100-form-submit, .sh-row, .pf-footer-social-link {
    min-height: 44px;
  }
  .pf-footer-social-link { min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .fp-btn, .cmp-btn, .cat-btn, .cat-perf-btn, .sp-btn, .gate-btn {
    display: inline-flex; align-items: center; justify-content: center;
  }

  /* --- Vstupní pole nesmí mít písmo pod 16 px, iOS jinak při vyplňování přiblíží obrazovku.
     Změřeno 26. 8. 2026: /navrh/ a /kalkulacka-vs-fond/ měly 15 px. Pravidlo je plošné,
     ať se to nemusí hlídat na každé nové stránce zvlášť. --- */
  input[type="text"], input[type="email"], input[type="tel"],
  input[type="number"], input[type="search"], select, textarea {
    font-size: 16px;
  }
  .pfn__cta, .aeo-btn, .pf-submit, a[data-pf-open], button[data-pf-open] {
    display: inline-flex; align-items: center; justify-content: center;
  }
  /* Menu/hamburger pohodlný na palec */
  .pfn__toggle, .pfn__hamb, .pfn-hamb { min-width: 44px; }

  /* --- 3) PLOVOUCÍ SPODNÍ CTA nezakrývá obsah (jen na stránkách, kde je) --- */
  body:has(.pf-sticky-cta) { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  .pf-sticky-cta { padding-bottom: env(safe-area-inset-bottom, 0px); }
  html { scroll-padding-bottom: 80px; }

  /* --- 4) iOS / dotykové drobnosti --- */
  a, button, [role="button"], [data-pf-open] { -webkit-tap-highlight-color: rgba(201, 162, 75, 0.20); }
  /* Formulářové inputy >= 16px = žádný auto-zoom Safari při focusu */
  input:not([type="checkbox"]):not([type="radio"]), select, textarea { font-size: 16px; }
  /* Hladké posouvání na kotvy (menu, sekce) */
  html { scroll-behavior: smooth; }
}

/* Respektuj preferenci uživatele omezit pohyb (přístupnost) */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}