/* MM Cover Slider — frontend + editor */

.wp-block-mm-cover-slider {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;   /* justify-content = vertical, align-items = horizontal */
	justify-content: center;  /* default; overridden by inline style from contentPosition */
	align-items: center;      /* default; overridden by inline style from contentPosition */
	box-sizing: border-box;
}

/* ── Slide stack ─────────────────────────────────────────────────────────── */

.mm-cover-slider__slides {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.mm-cover-slider__slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	/* background-position set per-slide via inline style from focalPoint */
	opacity: 0;
	transition: opacity 1s ease-in-out; /* overridden by slider.js from data attr */
	will-change: opacity;
}

.mm-cover-slider__slide.is-active {
	opacity: 1;
}

/* ── Overlay ─────────────────────────────────────────────────────────────── */

.mm-cover-slider__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

/* ── Content ─────────────────────────────────────────────────────────────── */

.mm-cover-slider__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 4rem 2rem;
	box-sizing: border-box;
	/* text-align set via inline style from contentPosition */
}

/* Ensure text in content is readable over the dark overlay */
.mm-cover-slider__content,
.mm-cover-slider__content h1,
.mm-cover-slider__content h2,
.mm-cover-slider__content h3,
.mm-cover-slider__content p {
	color: #ffffff;
}

/* ── Editor-only ─────────────────────────────────────────────────────────── */

.mm-cover-slider__placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e8e8e8;
}

.mm-cover-slider__placeholder span {
	color: #999;
	font-style: italic;
	font-size: 13px;
}

/* Keep slide transitions smooth even in editor */
.block-editor-block-list__block .mm-cover-slider__slide {
	pointer-events: none;
}