/* One shared Cover veil sits above every decorative native attachment. */
.mrwax-home-hero[data-mrwax-slideshow] {
	isolation: isolate;
}

/* The first native Cover remains the complete no-JavaScript fallback. */
.mrwax-home-hero[data-mrwax-slideshow] > [hidden] {
	display: none !important;
}

.mrwax-home-hero[data-mrwax-slideshow] > .wp-block-cover__background {
	z-index: 1;
	pointer-events: none;
}

.mrwax-home-hero[data-mrwax-slideshow].is-slideshow-ready > .wp-block-cover__image-background {
	z-index: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1.1s ease;
}

.mrwax-home-hero[data-mrwax-slideshow].is-slideshow-ready > .wp-block-cover__image-background.is-active {
	opacity: 1;
}

/* Only a discreet, keyboard-accessible pause control remains. */
.mrwax-home-hero[data-mrwax-slideshow] > .mw-hero-controls {
	position: absolute;
	z-index: 3;
	inset-block-end: 1.25rem;
	inset-inline-end: 1.25rem;
}

.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause] {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(248 242 232 / 30%);
	border-radius: 50%;
	background: rgb(23 18 13 / 24%);
	color: #f8f2e8;
	cursor: pointer;
}

.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause]:hover {
	background: rgb(23 18 13 / 55%);
}

.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause]:focus-visible {
	outline: 2px solid #f8f2e8;
	outline-offset: 3px;
}

.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause][aria-pressed='false'] [data-hero-play-icon],
.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause][aria-pressed='true'] [data-hero-pause-icon] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.mrwax-home-hero[data-mrwax-slideshow].is-slideshow-ready > .wp-block-cover__image-background {
		transition: none;
	}
}

@media (forced-colors: active) {
	.mrwax-home-hero[data-mrwax-slideshow].is-slideshow-ready > .wp-block-cover__image-background.is-active {
		opacity: 0;
	}

	.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause] {
		background: Canvas;
		color: CanvasText;
		border-color: ButtonText;
	}

	.mrwax-home-hero[data-mrwax-slideshow] [data-hero-pause]:focus-visible {
		outline-color: Highlight;
	}
}
