/**
 * Kolumny: obrazek dopasowuje wysokość do kolumny z treścią.
 * Włączane klasą .match-image-height (ustawienie bloku Kolumny).
 * Kolumna z obrazkiem wykrywana automatycznie (:has / bezpośrednie dziecko).
 *
 * Obrazek jest wyjęty z flow (absolute), żeby jego naturalna wysokość
 * nie powiększała rzędu — wtedy zawsze wygrywa kolumna z treścią.
 */

@media screen and (min-width: 1001px) {
	.wp-block-columns.match-image-height {
		align-items: stretch !important;
	}

	.wp-block-columns.match-image-height > .wp-block-column:has(> .wp-block-image) {
		position: relative;
		align-self: stretch;
		min-height: 0;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		max-width: none;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image > a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media screen and (max-width: 1000px) {
	.wp-block-columns.match-image-height > .wp-block-column:has(> .wp-block-image) {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: unset;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image {
		position: relative;
		inset: auto;
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 90vh;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image > a {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 90vh;
	}

	.wp-block-columns.match-image-height > .wp-block-column > .wp-block-image img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 90vh;
		object-fit: contain;
		object-position: center;
		margin-left: auto;
		margin-right: auto;
	}
}