/**
 * Carousel Cover: stack image above inner content on mobile,
 * and honor --cb-mobile-focal for object-position.
 */

.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover,
.cb-carousel-block .swiper-slide > .wp-block-cover {
	box-sizing: border-box;
	width: 100%;
}

@media (max-width: 600px) {
	.wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-block-cover-is-layout-constrained {
		padding-right: 0;
		padding-left: 0;
	}

	.wp-block-column.has-custom-bsw-rich-grey-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow {
		border-radius: 0!important;
	}

	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover,
	.cb-carousel-block .swiper-slide > .wp-block-cover {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		height: auto !important;
		min-height: unset !important;
		padding: 0;
	}

	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover .wp-block-cover__image-background,
	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover video.wp-block-cover__video-background,
	.cb-carousel-block .swiper-slide > .wp-block-cover .wp-block-cover__image-background,
	.cb-carousel-block .swiper-slide > .wp-block-cover video.wp-block-cover__video-background {
		position: relative;
		inset: auto;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		flex-shrink: 0;
	}

	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover[style*="--cb-mobile-focal"] .wp-block-cover__image-background,
	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover[style*="--cb-mobile-focal"] video.wp-block-cover__video-background,
	.cb-carousel-block .swiper-slide > .wp-block-cover[style*="--cb-mobile-focal"] .wp-block-cover__image-background,
	.cb-carousel-block .swiper-slide > .wp-block-cover[style*="--cb-mobile-focal"] video.wp-block-cover__video-background {
		object-position: var(--cb-mobile-focal) !important;
	}

	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover .wp-block-cover__background,
	.cb-carousel-block .swiper-slide > .wp-block-cover .wp-block-cover__background {
		display: none;
	}

	.wp-block-cb-carousel-v2 .swiper-slide > .wp-block-cover .wp-block-cover__inner-container,
	.cb-carousel-block .swiper-slide > .wp-block-cover .wp-block-cover__inner-container {
		position: relative;
		width: 100%;
	}
}