/**
 * Kontakt — page-specific overrides only used on kontakt.php (same split
 * as home.css/o-nas.css). The page itself is just the shared
 * contact-form.php partial with no separate hero of its own (unlike every
 * other page) — .contact-form--mobile IS effectively this page's hero.
 */

/* 100vh hero-like sizing (2026-09-08, user request) — scoped to this page
   only via .page-kontakt, NOT a change to .contact-form--mobile itself:
   that class/partial is shared verbatim across every page (o-nas,
   wizualizacje, finansowanie, ...), each using it as an ordinary section
   near the bottom of the page, not a full-screen hero — sizing it to
   100vh unconditionally would have broken all of those. min-height, not a
   flat height, so a real device where the form's own content (several
   fields) exceeds one screen still grows instead of clipping.
   justify-content:center (added to the shared .contact-form--mobile
   flex-column layout) centers that content within the new taller box —
   matching how the site's other hero-like sections read. */
@media (max-width: 991.98px) {
  /* flex-start + a fixed, smaller top offset instead of pure centering
     (2026-09-08, user request: "zmniejsz trochę margin od navbaru" — pure
     centering measured out to an 80px gap between the navbar and the
     intro heading, which read as too much). Same technique
     .card-scroll__section--kontakt uses on the Home page for the
     identical complaint (see home.css) — leftover space just ends up
     below the form instead, which is fine here too. */
  .page-kontakt .contact-form--mobile {
    min-height: 100vh;
    min-height: 100dvh;
    justify-content: flex-start;
    padding-top: 40px;
  }

  /* More breathing room between the inputs (2026-09-08, user request:
     "trochę jest zbyt ciasno a miejsca jest teraz bardzo dużo" — now that
     100vh above gives this page real headroom, the shared partial's
     default spacing reads as cramped for a full-screen presentation).
     Scoped to .page-kontakt only, same reasoning as the 100vh rule above
     — the shared .contact-form--mobile/__fields/__actions gaps stay
     unchanged on every other page, which don't have this page's extra
     vertical room to spend. */
  .page-kontakt .contact-form--mobile {
    gap: 32px;
  }

  .page-kontakt .contact-form--mobile .contact-form__fields {
    gap: 20px;
  }

  .page-kontakt .contact-form--mobile .contact-form__actions {
    gap: 20px;
  }
}