/* Case study — układ jak .apilo-case, treść przez InnerBlocks */

.wp-block-emedia-apilo-case.emedia-apilo-case {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

.wp-block-emedia-apilo-case.is-media-right {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}

.emedia-apilo-case__media {
	min-width: 0;
}

.emedia-apilo-case__video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
	background: #000;
}

.emedia-apilo-case__video iframe,
.emedia-apilo-case__video video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.emedia-apilo-case__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.emedia-apilo-case__content > * {
	margin-top: 0;
	margin-bottom: 0;
}

/* Opcjonalne: style pomocnicze jak w Apilo (dla Group z klasą lub wewnętrznych bloków) */
.emedia-apilo-case__content .wp-block-quote {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-left: 4px solid #f97316;
	padding: 22px 24px;
	border-radius: 14px;
	font-style: italic;
}

/* Edytor */
.emedia-apilo-case__media.is-editing .emedia-apilo-case__video-controls {
	margin-bottom: 16px;
}

.emedia-apilo-case__video-preview {
	display: block;
	width: 100%;
	max-height: 200px;
	margin-bottom: 12px;
	border-radius: 8px;
}

@media (max-width: 960px) {
	.wp-block-emedia-apilo-case.emedia-apilo-case,
	.wp-block-emedia-apilo-case.is-media-right {
		grid-template-columns: 1fr;
	}

	.wp-block-emedia-apilo-case.is-media-right .emedia-apilo-case__media,
	.wp-block-emedia-apilo-case.is-media-right .emedia-apilo-case__content,
	.wp-block-emedia-apilo-case.is-media-left .emedia-apilo-case__media,
	.wp-block-emedia-apilo-case.is-media-left .emedia-apilo-case__content {
		order: unset;
	}
}