/* NZ Hero Background Slider */

/* Host container (the Elementor container the slider attaches to) */
.nz-hero-slider-host {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
}
/* Elementor's own background overlay stays above the slider */
.nz-hero-slider-host::before {
	z-index: 1;
}
/* Container content above slider + overlay */
.nz-hero-slider-host > .e-con-inner,
.nz-hero-slider-host > .elementor-element:not(.nz-hero-slider-wrap),
.nz-hero-slider-host > .elementor-container {
	position: relative;
	z-index: 2;
}

/* The moved widget wrapper fills the host */
.nz-hero-slider-host > .nz-hero-slider-wrap {
	position: absolute;
	inset: 0;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 0;
}
.nz-hero-slider-wrap .elementor-widget-container,
.nz-hero-slider-host > .nz-hero-slider-wrap .nz-hero-slider {
	height: 100%;
}

.nz-hero-slider {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}
.nz-hero-slider__stage,
.nz-hero-slider__ovl {
	position: absolute;
	inset: 0;
}
.nz-hero-slider__stage { z-index: 1; }
.nz-hero-slider__ovl--flat { z-index: 2; }
.nz-hero-slider__ovl--vignette { z-index: 3; }
.nz-hero-slider__ovl--gradient { z-index: 4; }

.nz-hero-slider__canvas {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	display: block;
}

/* Fallback / initial image (also used with reduced motion) */
.nz-hero-slider__img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	will-change: opacity;
}
.nz-hero-slider__img.is-active { opacity: 1; }
.nz-hero-slider.is-gl .nz-hero-slider__img { display: none; }

/* Editor preview: the widget stays in place and shows a fixed-height preview */
.elementor-editor-active .elementor-widget-nz_hero_slider .nz-hero-slider {
	position: relative;
	min-height: 260px;
	border-radius: 4px;
}
.nz-hero-slider__badge {
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 5;
	padding: 6px 10px;
	font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #fff;
	background: rgba(0, 0, 0, .55);
	border-radius: 3px;
	pointer-events: none;
}
.nz-hero-slider__notice {
	padding: 16px;
	font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #6d4c2f;
	background: #fff4e5;
	border: 1px dashed #e0a96d;
	border-radius: 4px;
}
