/* Homepage hero background slider (Slick, fade). Built at runtime by
   hero-slider.js over the cover block's own image, below the dim overlay. */
.hero-bg-slider {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 0;
}

.hero-bg-slider .slick-list,
.hero-bg-slider .slick-track,
.hero-bg-slide {
	height: 100%;
}

.hero-bg-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* The gallery inside the hero cover only feeds the slider — never shown
   on the front end (it stays visible/editable in the editor). */
body:not(.block-editor-iframe__body) .wp-block-cover .hero-slides {
	display: none !important;
}