/* Neverland Elementor Styles — vollbreiter Single-Slide-Carousel.
 *
 * Nutzung:
 *   1. Am Elementor-Pro "Carousel"-Widget (Advanced -> CSS Classes) die Klasse
 *      "nf-carousel-full" setzen.
 *   2. Im Widget: Slides on display = 1 (Desktop/Tablet/Mobile), Spacing = 0,
 *      Equal Height = Aus.
 *   3. Einzelnen Elementen im Slide bei Bedarf eine Ausrichtungs-Hilfsklasse geben
 *      (nf-align-left / nf-align-right / nf-align-center / nf-boxed).
 *
 * Die Widget-Level-Regeln nutzen die Doppelklasse
 * ".elementor-widget-n-carousel.nf-carousel-full", damit sie Elementors
 * Basisregeln unabhaengig von der Ladereihenfolge ueberschreiben.
 */

/* 1) Randlos: innerer Slide-Container volle Breite, bis zum Rand */
.nf-carousel-full .e-n-carousel > .swiper-wrapper > .swiper-slide > .e-con {
	max-width: 100%;
	margin-inline: 0;
}

/* 2) Slide-Gap hart auf 0 (falls Spacing vergessen wurde) */
.nf-carousel-full .e-n-carousel > .swiper-wrapper {
	--e-n-carousel-swiper-slides-gap: 0px;
}

/* 3) Kein Hoehen-Stretch: Slide + Container behalten natuerliche Hoehe
      (kontert Equal-Height mit --slide-container-height:100%) -> gegen Verzerrung */
.elementor-widget-n-carousel.nf-carousel-full .e-n-carousel > .swiper-wrapper > .swiper-slide,
.elementor-widget-n-carousel.nf-carousel-full .e-n-carousel > .swiper-wrapper > .swiper-slide > .e-con {
	height: auto;
}

/* 4) Restabstand unten weg: reservierter Pagination-Platz auf 0 */
.elementor-widget-n-carousel.nf-carousel-full {
	--e-n-carousel-swiper-padding-bottom: 0px;
}

/* 5) Zweispalter im Slide nicht umbrechen lassen (Sicherheitsnetz) */
.nf-carousel-full .swiper-slide > .e-con {
	flex-wrap: nowrap;
}

/* --- Ausrichtungs-Hilfsklassen: an EINZELNE Elemente/Container im Slide vergeben,
       damit sie ihre Eigenbreite behalten statt full-width zu stretchen. --- */

/* Eigenbreite, linksbuendig */
.nf-align-left {
	align-self: flex-start !important;
	width: auto !important;
	max-width: 100%;
	margin-inline: 0 auto 0 0;
}

/* Eigenbreite, rechtsbuendig */
.nf-align-right {
	align-self: flex-end !important;
	width: auto !important;
	max-width: 100%;
	margin-inline: auto 0 0 0;
}

/* Eigenbreite, zentriert */
.nf-align-center {
	align-self: center !important;
	width: auto !important;
	max-width: 100%;
	margin-inline: auto;
}

/* Boxed: volle Breite bis zu einer max-Breite, zentriert (Fallback-Variable) */
.nf-boxed {
	width: 100% !important;
	max-width: var(--nf-boxed-max, 1200px) !important;
	margin-inline: auto !important;
}