/* Canvas = front: stessa grid di .split in assets/css/base.css. */

.wp-block-turchet-split > .split,
.wp-block-turchet-split > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
}

.wp-block-turchet-split > .block-editor-inner-blocks > .block-editor-block-list__layout {
	width: min(calc(100% - 32px), var(--container));
	margin-inline: auto;
}

.editor-styles-wrapper .wp-block-turchet-split {
	width: 100%;
	max-width: none;
}

.wp-block-turchet-split-start,
.wp-block-turchet-split-end {
	min-width: 0;
	width: 100%;
	margin: 0;
}

/* Demo: lead sotto il titolo, lead+lead, bottone a 24px. */
.split-start > .section-title + .lead,
.split-end > .section-title + .lead,
.split .wp-block-heading + .lead {
	margin-top: 16px;
}

.split-start > .lead + .lead,
.split-end > .lead + .lead {
	margin-top: 16px;
}

.split .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 0;
}

.split .wp-block-button {
	margin: 0;
}

/* Dopo page-hero (Chi siamo): stesso padding-top:0 del demo. */
.wp-block-turchet-page-hero + .wp-block-turchet-split {
	padding-top: 0;
}

/* Canvas + front: .media anche se className non è sul wrapper editor. */
.wp-block-turchet-split-start:has(.wp-block-image),
.wp-block-turchet-split-end:has(.wp-block-image) {
	overflow: hidden;
	background: var(--surface);
}

/* Figure Core ha margin-bottom (~1em): nel demo l'img è figlia diretta di .media. */
.wp-block-turchet-split .media > .split-start,
.wp-block-turchet-split .media > .split-end,
.wp-block-turchet-split-start:has(.wp-block-image) > .split-start,
.wp-block-turchet-split-end:has(.wp-block-image) > .split-end,
.wp-block-turchet-split-start:has(.wp-block-image) > .block-editor-inner-blocks > .block-editor-block-list__layout,
.wp-block-turchet-split-end:has(.wp-block-image) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: block;
}

.wp-block-turchet-split .media .wp-block-image,
.wp-block-turchet-split .media figure,
.wp-block-turchet-split-start:has(.wp-block-image) .wp-block-image,
.wp-block-turchet-split-end:has(.wp-block-image) .wp-block-image,
.wp-block-turchet-split-start:has(.wp-block-image) [data-type="core/image"],
.wp-block-turchet-split-end:has(.wp-block-image) [data-type="core/image"] {
	margin: 0;
	width: 100%;
}

.wp-block-turchet-split .media img,
.wp-block-turchet-split-start:has(.wp-block-image) img,
.wp-block-turchet-split-end:has(.wp-block-image) img {
	width: 100%;
	height: auto;
	max-width: none;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

@media (max-width: 860px) {
	.wp-block-turchet-split > .split,
	.wp-block-turchet-split > .block-editor-inner-blocks > .block-editor-block-list__layout {
		grid-template-columns: 1fr;
	}

	.wp-block-turchet-split > .block-editor-inner-blocks > .block-editor-block-list__layout {
		width: min(calc(100% - 24px), var(--container));
	}
}