/* ============================================================
   POLISH — page-wide /layout /typeset /polish vrstva
   Bezpečné globálne doladenie typografie a interakcie.
   Načítaná POSLEDNÁ → jemne dolaďuje, neprepisuje charakter dizajnu.
   ============================================================ */

/* ── /typeset — vyvážené zalomenie nadpisov (žiadne osamelé slová) ── */
h1, h2, h3, h4,
.section-title, .spc-card__title, .pillar-title,
.pk-hero__title, .tour-head__title, .identity-text__sub,
.ev-galeria__header h2, .faq-item summary {
  text-wrap: balance;
}

/* ── /typeset — odseky bez osamelého slova na poslednom riadku ── */
p, .section-desc, .spc-card__desc, .pillar-lead, li {
  text-wrap: pretty;
}

/* ── /polish — jemne tesnejší tracking veľkých titulov = zámernejší vzhľad ── */
.section-title,
.pk-hero__title,
.tour-head__title { letter-spacing: -.018em; }

/* ── /polish — branded výber textu ── */
::selection { background: rgba(69, 144, 255, .32); color: #fff; }
::-moz-selection { background: rgba(69, 144, 255, .32); color: #fff; }

/* ── /polish — konzistentný klávesový fokus (fallback pre prvky bez vlastného) ── */
:focus-visible { outline: 2px solid var(--sky-blue, var(--sky-blue)); outline-offset: 2px; }

/* ── /layout — kotvy (#contact, #ev-kontakt…) nezapadnú pod sticky top-bar ── */
html { scroll-padding-top: 88px; }

/* ── /polish — vyhladené prechody farby na odkazoch v texte ── */
.section-desc a, .faq-item__body a, .identity-text a {
  transition: color .2s var(--ease-out, ease), opacity .2s var(--ease-out, ease);
}

/* ── iOS Safari formuláre (18.7.2026) ────────────────────────────────────────
   1) Písmo <16px v inpute = iOS pri fokuse auto-zoomne celú stránku a ostane
      zazoomovaná → „formulár vychádza z obrazovky" (O budove: všetky polia).
      16px na telefóne zoom vypína; desktop nedotknutý.
   2) input[type=date] má na iOS natívnu intrinsic šírku a odmieta sa zúžiť
      (Events: Preferovaný dátum pretekal doprava) — appearance:none ju vypne. */
@media (max-width: 767px) {
  .pk-input, .pk-textarea,
  .contact-form input, .contact-form textarea,
  .newsletter-row input {
    font-size: 16px;
  }
  input[type="date"].pk-input {
    -webkit-appearance: none;
    appearance: none;
    min-width: 0;
    max-width: 100%;
  }
}

/* ── /optimize (18.7.2026): efektové vrstvy mimo viewportu ────────────────────
   Audit ukázal: blur-bloby/mesh sú display:none už od júna (zjednotené pozadie) — nulová
   cena. Reálne bežia orbFloat animácie 360° gúľ (až 13, každá GPU vrstva s will-change)
   aj hlboko mimo viewportu. IO v JS im pridá .fx-paused mimo viewportu.
   Vizuál NEZMENENÝ — pauza sa týka len neviditeľných vrstiev. */
.fx-paused, .fx-paused * { animation-play-state: paused !important; }