/*
 * Pojedyncza jednostka.
 *
 * Na desktopie prawa kolumna jest pływająca: zajmuje miejsce tylko na początku
 * strony. Po minięciu wysokości zdjęcia/karty kolejne bloki Gutenberga wracają
 * automatycznie na pełną szerokość kontenera.
 */
.sp-unit-single {
	padding-bottom: 56px;
}

.sp-unit-single__title {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: -.025em;
	color: var(--ink);
	margin: 8px 0 30px;
}

.sp-unit-single__flow::after {
	content: "";
	display: table;
	clear: both;
}

.sp-unit-single__content {
	min-width: 0;
}

.sp-unit-single__content > .entry-content {
	margin: 0;
}

.sp-unit-single__aside {
	float: right;
	width: min(32%, 360px);
	min-width: 300px;
	margin: 0 0 34px 38px;
}

.sp-unit-single__photo {
	width: 100%;
	margin: 0 0 18px;
}

.sp-unit-single__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.sp-unit-single__aside .wp-block-szpitalpucki-dane-poradni.dane-poradni--card,
.sp-unit-single__aside .wp-block-szpitalpucki-dane-poradni.unit-card {
	max-width: none;
	width: 100%;
	margin: 20px 0 40px;
}

/*
 * Te większe bloki tworzą własny kontekst formatowania, więc gdy są jeszcze
 * obok prawej kolumny, nie wchodzą pod nią. Gdy miną jej wysokość, same
 * odzyskują pełną szerokość.
 */
/*
 * Nie zmieniamy display galerii Gutenberga — core/gallery używa własnego
 * flexboxa do układania zdjęć w rzędzie. Nadpisanie go na flow-root
 * powodowało ustawienie zdjęć jedno pod drugim.
 */
/*
 * Ozdobna lista może wykorzystać wolną przestrzeń po lewej stronie sidebaru.
 * Jeżeli sidebar już się skończył, width:auto naturalnie wraca do pełnej
 * szerokości kontenera. Dzięki temu przy krótkim wstępie nie powstaje
 * ogromna pusta dziura pod tekstem.
 */
.sp-unit-single__content .wp-block-szpitalpucki-ozdobna-lista {
	display: flow-root;
	width: auto;
}

.sp-unit-single__content .wp-block-gallery {
	margin-top: 24px;
	margin-bottom: 34px;
}

@media (max-width: 900px) {
	.sp-unit-single__title {
		font-size: 29px;
	}

	.sp-unit-single__flow {
		display: flex;
		flex-direction: column;
	}

	.sp-unit-single__content {
		order: 1;
	}

	.sp-unit-single__aside {
		order: 2;
		float: none;
		width: 100%;
		min-width: 0;
		max-width: 620px;
		margin: 28px 0 0;
	}

	.sp-unit-single__photo {
		max-width: 620px;
	}

	.sp-unit-single__aside .wp-block-szpitalpucki-dane-poradni.dane-poradni--card,
	.sp-unit-single__aside .wp-block-szpitalpucki-dane-poradni.unit-card {
		max-width: 620px;
	}
}


/* E-mail w prawej karcie jednostki — odrobinę mniejszy, żeby długie adresy
 * mieściły się estetycznie bez łamania ostatnich liter do osobnej linii. */
.sp-unit-single__aside
.wp-block-szpitalpucki-dane-poradni.dane-poradni--card
.dane-poradni__item--email .uf-value,
.sp-unit-single__aside
.wp-block-szpitalpucki-dane-poradni.dane-poradni--card
.dane-poradni__item--email .uf-value a,
.sp-unit-single__aside
.wp-block-szpitalpucki-dane-poradni.unit-card
.dane-poradni__item--email .uf-value,
.sp-unit-single__aside
.wp-block-szpitalpucki-dane-poradni.unit-card
.dane-poradni__item--email .uf-value a {
	font-size: 16px;
	letter-spacing: -0.025em;
	line-height: 1.4;
}


/* Personel ma zawsze korzystać z pełnej szerokości po zakończeniu sidebaru. */
.sp-unit-single__content .wp-block-szpitalpucki-personel-zespol {
	clear: both;
}