/**
 * Kolumny: układ treść (60%) + obrazek (75% szerokości kontenera) jako tło.
 * Włączane klasą .content-image-split (+ .has-content-bg-{slug}).
 * Strona obrazka wykrywana automatycznie (:has > .wp-block-image).
 * Wycięcie „jagody” w prawym dolnym rogu kolumny z treścią.
 */

.wp-block-columns.content-image-split {
	--fb-split-radius: clamp(40px, 5vw, 95px);
	--fb-cutout-size: 205px;
	--fb-cutout-offset: 20px;
	--fb-berry-cutout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='104' viewBox='0 0 205 104' fill='none'%3E%3Cpath d='M172.278 79.6074C149.95 99.5442 120.355 103.743 88.8614 103.743C86.4697 73.546 96.0547 45.0648 118.383 25.1098C140.091 5.72069 166.619 -3.09752 203.918 0.973827C206.31 31.1894 194.625 59.6523 172.297 79.6074' fill='%23000'/%3E%3Cpath d='M0.130179 20.1438C20.5782 16.7662 38.2146 22.6998 52.6377 38.8939C67.0609 55.088 73.5239 78.5484 72.3737 103.597C51.3963 104.492 34.2893 101.041 19.8662 84.8471C5.44301 68.653 -1.02002 45.1926 0.130179 20.1438Z' fill='%23000'/%3E%3C/svg%3E");
	position: relative;
	overflow: hidden;
	align-items: stretch !important;
	gap: 0 !important;
	border-radius: var(--fb-split-radius);
}

/* Kolumna z treścią — 60% */
.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)) {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	flex-basis: 60% !important;
	flex-grow: 0 !important;
	width: 60% !important;
	padding: 80px;
	background-color: transparent !important;
}

@media screen and (max-width: 1200px) {
	.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)) {
		padding: 50px;
	}
}

/* Tło + wycięcie (prześwit na zdjęcie) */
.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image))::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	background-color: var(--fb-content-bg, var(--wp--preset--color--gray, #EDF0F4));
	-webkit-mask-image: linear-gradient(#fff, #fff), var(--fb-berry-cutout);
	mask-image: linear-gradient(#fff, #fff), var(--fb-berry-cutout);
	-webkit-mask-size: 100% 100%, var(--fb-cutout-size) auto;
	mask-size: 100% 100%, var(--fb-cutout-size) auto;
	-webkit-mask-position: 0 0, right var(--fb-cutout-offset) bottom var(--fb-cutout-offset);
	mask-position: 0 0, right var(--fb-cutout-offset) bottom var(--fb-cutout-offset);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}

.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)) > * {
	position: relative;
	z-index: 1;
}

/* Treść po lewej (obrazek po prawej) */
.wp-block-columns.content-image-split > .wp-block-column:first-child:not(:has(> .wp-block-image)) {
	border-radius: var(--fb-split-radius) 0 var(--fb-split-radius) var(--fb-split-radius);
}

/* Treść po prawej (obrazek po lewej) */
.wp-block-columns.content-image-split > .wp-block-column:last-child:not(:has(> .wp-block-image)) {
	border-radius: 0 var(--fb-split-radius) var(--fb-split-radius) var(--fb-split-radius);
}

/* Kolumna-obrazek — 40% jako „okno” na tło */
.wp-block-columns.content-image-split > .wp-block-column:has(> .wp-block-image) {
	position: static;
	flex-basis: 40% !important;
	flex-grow: 0 !important;
	width: 40% !important;
	min-height: 0;
	padding: 0 !important;
}

/* Obrazek: 75% szerokości całego kontenera */
.wp-block-columns.content-image-split > .wp-block-column > .wp-block-image {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 0;
	width: 75%;
	height: 100%;
	margin: 0 !important;
	max-width: none;
}

/* Obrazek po lewej → przy lewej krawędzi */
.wp-block-columns.content-image-split > .wp-block-column:first-child > .wp-block-image {
	left: 0;
	right: auto;
}

/* Obrazek po prawej → przy prawej krawędzi */
.wp-block-columns.content-image-split > .wp-block-column:last-child > .wp-block-image {
	left: auto;
	right: 0;
}

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

.wp-block-columns.content-image-split > .wp-block-column > .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0 !important;
}

/* Tła z palety theme.json → zmienna na ::before */
.wp-block-columns.content-image-split.has-content-bg-white {
	--fb-content-bg: var(--wp--preset--color--white, #FDFEFF);
}

.wp-block-columns.content-image-split.has-content-bg-gray {
	--fb-content-bg: var(--wp--preset--color--gray, #EDF0F4);
}

.wp-block-columns.content-image-split.has-content-bg-greendark {
	--fb-content-bg: var(--wp--preset--color--greendark, #A0B718);
}

.wp-block-columns.content-image-split.has-content-bg-greenlight {
	--fb-content-bg: var(--wp--preset--color--greenlight, #A0B71852);
}

.wp-block-columns.content-image-split.has-content-bg-bluedark {
	--fb-content-bg: var(--wp--preset--color--bluedark, #1A2641);
}

.wp-block-columns.content-image-split.has-content-bg-bluelight {
	--fb-content-bg: var(--wp--preset--color--bluelight, #24314F);
}

@media screen and (max-width: 1000px) {
	.wp-block-columns.content-image-split {
		flex-direction: column !important;
	}

	.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)),
	.wp-block-columns.content-image-split > .wp-block-column:has(> .wp-block-image) {
		flex-basis: auto !important;
		width: 100% !important;
	}

	.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)) {
		position: relative;
		z-index: 2;
		border-radius: var(--fb-split-radius) var(--fb-split-radius) 0 0 !important;
		padding: 40px 24px;
	}

	.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image))::before {
		-webkit-mask-size: 100% 100%, 160px auto;
		mask-size: 100% 100%, 160px auto;
		-webkit-mask-position: 0 0, right 16px bottom 16px;
		mask-position: 0 0, right 16px bottom 16px;
	}

	.wp-block-columns.content-image-split > .wp-block-column:has(> .wp-block-image) {
		position: relative;
		margin-top: -100px;
		padding: 0 !important;
		z-index: 1;
	}

	.wp-block-columns.content-image-split > .wp-block-column > .wp-block-image {
		position: relative;
		inset: auto;
		width: 100%;
		height: 50vw;
		min-height: 350px;
		left: auto;
		right: auto;
		border-radius: 0 0 var(--fb-split-radius) var(--fb-split-radius);
		overflow: hidden;
	}

	.wp-block-columns.content-image-split.reverse-columns-mobile > .wp-block-column:has(> .wp-block-image) {
		order: -1;
	}
	
	
}

@media screen and (max-width: 550px) {
	.wp-block-columns.content-image-split > .wp-block-column:not(:has(> .wp-block-image)) {
		padding-bottom: 110px;
	}
}