/**
 * core/group/video-billboard
 */

.wp-block-group.wcs-video-billboard {
	--video-billboard--grid--gap: 0;
	--video-billboard--grid--template-columns: 1fr;
	--video-billboard--spacing--margin-inline: calc(var(--wp--style--root--padding-left) * -1);
	--video-billboard--spacing--padding-inline: var(--wp--style--root--padding-left);
	--video-billboard--spacing--padding-block: var(--wp--preset--spacing--60);

	display: grid;
	grid-template-columns: var(--video-billboard--grid--template-columns);
	gap: var(--video-billboard--grid--gap);
	inline-size: calc(100% + var(--wp--style--root--padding-left) * 2);
	margin-block: var(--wp--preset--spacing--90);
	margin-inline: var(--video-billboard--spacing--margin-inline) !important;
	padding-inline: 0;
}

.wp-block-group:is(.wcs-video-billboard__content, .wcs-video-billboard__media) {
	margin: 0;
}

/* Content */
.wcs-video-billboard__content {
	padding-block: var(--video-billboard--spacing--padding-block) !important;
	padding-inline: var(--video-billboard--spacing--padding-inline) !important;
}

.wcs-video-billboard__media .wp-block-embed.is-type-video {
	--video--border-radius: 0;
}



@media (width >= 1024px) {
	.wp-block-group.wcs-video-billboard.wcs-video-billboard {
		--video-billboard--grid--gap: var(--wp--preset--spacing--60);
		--video-billboard--grid--template-columns: repeat(12, 1fr);
		--video-billboard--spacing--margin-inline: calc(var(--sidebar--spacing--gap--column) * -1) 0;
		--video-billboard--spacing--padding-inline: var(--sidebar--spacing--gap--column) 0;
		--video-billboard--content--grid--column: 1 / span 6;
		--video-billboard--media--grid--column: 7 / -1;

		align-items: center;
		max-inline-size: calc(100% + var(--sidebar--spacing--gap--column)) !important;
		border-radius: 0 var(--wp--custom--border--radius--20) var(--wp--custom--border--radius--20) 0;
	}

	:where(.wcs-video-billboard__content, .wcs-video-billboard__media) {
		grid-row: 1;
	}

	/* Content */
	.wcs-video-billboard__content {
		grid-column: var(--video-billboard--content--grid--column);
	}

	/* Media */
	.wcs-video-billboard__media {
		grid-column: var(--video-billboard--media--grid--column);
		align-self: stretch;
	}

	/* Video embed */
	.wcs-video-billboard__media .wp-block-embed.is-type-video {
		--video--border-radius: 0 var(--wp--custom--border--radius--20) var(--wp--custom--border--radius--20) 0;
	}

	.wcs-video-billboard__media :where(.wp-block-embed.is-type-video, .block-editor-block-list__block) {
		block-size: 100% !important;
	}
}

@media (width >= 1472px) {
	.wp-block-group.wcs-video-billboard.wcs-video-billboard {
		--video-billboard--content--grid--column: 1 / span 5;
		--video-billboard--media--grid--column: 6 / -1;
	}
}