/**
 * Nadpisania stylów - osobny plik (NIE z gulpa), ładowany w functions.php -> ws_forms_assets()
 * Nie wymaga przebudowy build-style.css.
 */

/* Oferta: formularz "Chcesz umówić się na prezentację?" - równo z prawą linią zdjęć,
   zamiast przyklejania do krawędzi okna (na dużych ekranach uciekał w bok).
   .grid: max-width 1900px, padding 40px -> prawa krawędź treści = (100% - min(100%, 1900px)) / 2 + 40px.
   Poniżej 1441px zostaje stary układ (za mało miejsca obok treści). */
@media (min-width: 1441px) {
	.offer--info .offer--form {
		right: calc((100% - min(100%, 1900px)) / 2 + 40px);
	}

	.offer--info .offer--form .presentation {
		border-radius: 6px;
	}
}


/* Strona główna - HERO: linki "Sprzedaj mieszkanie / dom / grunt..."
   Przy zawinięciu do 2. linii podkreślenia nachodziły na tekst - dodany odstęp między wierszami,
   pojedynczy link nie łamie się w środku. */
.home--hero__links {
	row-gap: 1.6rem;
	margin-right: 0 !important; /* było -4rem przy <=1200px - linki wchodziły pod pasek z logotypami */
}

.home--hero__links .link {
	white-space: nowrap;
}


/* Strona główna - nagłówki sekcji: "Zobacz wszystkie ... →"
   Link się ściskał, strzałka spadała do nowej linii, a podkreślenie było pod nią.
   Link zostaje w jednej linii, zawija się tytuł. */
.home--houses__top .content .link {
	white-space: nowrap;
	flex-shrink: 0;
}

.home--houses__top .content .title {
	min-width: 0;
}


/* Strona główna - mobile: pasek z logotypami (Google / Otodom / Agent)
   Kafelki miały sztywne max-width, więc po prawej zostawała pusta przestrzeń - teraz dzielą szerokość po równo. */
@media (max-width: 576px) {
	.home--hero__image .x-data .x-data__item {
		flex: 1 1 0;
		max-width: none;
		min-width: 0;
	}
}