/*
 * Tekst o wyglądzie nagłówka, który nie jest nagłówkiem treści: dawne h2/h3 w rezerwacji, okienkach,
 * grupach udogodnień, kafelkach, newsletterze i stopce (teraz div z klasą heading-look-h2 / heading-look-h3).
 * Powtarza style h2/h3 z app.css. :where() ma zerową specyficzność, więc klasy komponentów
 * (np. .room-card-title, .footer-col__title) wygrywają tak samo jak wcześniej przy h2/h3.
 */
:where(.heading-look-h2, .heading-look-h3) {
  margin: 0 0 0.5em;
  line-height: 1.28;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: bold;
  font-family: var(--font-family-heading);
}

:where(.heading-look-h2) {
  font-size: clamp(1.35rem, 3vw, 1.9rem);
}

:where(.heading-look-h3) {
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
}

:where(main .heading-look-h2) {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  color: var(--color-h2);
}

:where(main .heading-look-h3) {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  color: var(--color-h3);
}

/*
 * Pasek „Szukaj apartamentów” przypięty na telefonie stoi pod przyklejonym nagłówkiem (logo, menu), a nie na nim.
 * --site-header-offset ustawia apartments-search-sticky.js; bez niego zostaje 0, czyli dawny układ.
 */
.apartments-search-mobile-bar.is-fixed,
.apartments-search-sticky--search-bar-pinned .apartments-search-mobile-bar.is-fixed {
  top: var(--site-header-offset, 0px);
  padding-top: max(0.35rem, calc(env(safe-area-inset-top, 0px) - var(--site-header-offset, 0px)));
}

/* Otwarte menu mobilne jest w nagłówku (z-index 150), więc przypięty pasek (z-index 9999) chowa się na ten czas. */
.nav-open .apartments-search-mobile-bar.is-fixed {
  visibility: hidden;
}