/**
 * Shared slider / carousel helpers.
 *
 * Front-end hide/show (absolute + opacity) stays in the kit CSS.
 * This file stacks every slide in the Elementor editor and preview canvas.
 *
 * Convention (add both generic and kit slot classes):
 *   .nl-slider  — track container (plus e.g. nl-hero-v1__slider)
 *   .nl-slide   — each slide (plus e.g. nl-hero-v1__slide)
 *
 * JS adds .nl-slider--elementor-edit on the kit root in edit mode.
 * Hero V1 aliases remain so live markup without generic classes still stacks.
 */

body.nl-elementor-edit .nl-slider .nl-slide,
body.nl-elementor-edit .nl-slider .nl-slide.e-con,
body.elementor-editor-active .nl-slider .nl-slide,
body.elementor-editor-active .nl-slider .nl-slide.e-con,
.nl-slider--elementor-edit .nl-slide,
.nl-slider--elementor-edit .nl-slide.e-con,
body.nl-elementor-edit .nl-hero-v1 .nl-hero-v1__slide,
body.nl-elementor-edit .nl-hero-v1 .nl-hero-v1__slide.e-con,
body.elementor-editor-active .nl-hero-v1 .nl-hero-v1__slide,
body.elementor-editor-active .nl-hero-v1 .nl-hero-v1__slide.e-con,
.nl-hero-v1--elementor-edit .nl-hero-v1__slide,
.nl-hero-v1--elementor-edit .nl-hero-v1__slide.e-con {
	position: relative !important;
	inset: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	overflow: visible !important;
	min-height: 0 !important;
}

body.nl-elementor-edit .nl-slider,
body.nl-elementor-edit .nl-slider.e-con,
body.nl-elementor-edit .nl-slider > .e-con-inner,
body.elementor-editor-active .nl-slider,
body.elementor-editor-active .nl-slider.e-con,
body.elementor-editor-active .nl-slider > .e-con-inner,
.nl-slider--elementor-edit .nl-slider,
.nl-slider--elementor-edit .nl-slider.e-con,
.nl-slider--elementor-edit .nl-slider > .e-con-inner,
body.nl-elementor-edit .nl-hero-v1 .nl-hero-v1__slider,
body.nl-elementor-edit .nl-hero-v1 .nl-hero-v1__slider.e-con,
body.nl-elementor-edit .nl-hero-v1 .nl-hero-v1__slider > .e-con-inner,
body.elementor-editor-active .nl-hero-v1 .nl-hero-v1__slider.e-con,
body.elementor-editor-active .nl-hero-v1 .nl-hero-v1__slider > .e-con-inner,
.nl-hero-v1--elementor-edit .nl-hero-v1__slider,
.nl-hero-v1--elementor-edit .nl-hero-v1__slider.e-con,
.nl-hero-v1--elementor-edit .nl-hero-v1__slider > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--nl-space-xl) !important;
}