/*
 * Nerd-Pastell Slider Posts
 *
 * Nur technisch notwendige Frontend-Regeln.
 * Die optische Gestaltung des Beitrags-/Kartenbereichs ist bewusst nicht
 * Bestandteil des Plugins und kann vollständig über das Theme / Custom CSS
 * vorgenommen werden.
 */

/* Slider-Grundfunktion */
.npsp-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.npsp-slider-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.npsp-slider-track::-webkit-scrollbar {
    display: none;
}

.npsp-slide {
    position: relative;
    flex: 0 0 100%;
    margin: 0;
    scroll-snap-align: start;
}

.npsp-slide img {
    display: block;
    width: 100%;
    height: auto;
}

/* Nummerierung technisch über dem jeweiligen Bild positionieren. */
.npsp-image-number {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

/* Navigation technisch über dem Slider positionieren. */
.npsp-slider-btn {
    position: absolute;
    top: 50%;
    z-index: 4;
    transform: translateY(-50%);
    cursor: pointer;
}

.npsp-slider-prev {
    left: 0;
}

.npsp-slider-next {
    right: 0;
}

/* Block-Themes wie Twenty Twenty-Five: Slider kann das Beitragsbild ersetzen. */
.npsp-featured-image-replacement,
.npsp-archive-slider-wrap {
    width: 100%;
    min-width: 0;
}

/* Technischer Fallback für die Einzelansicht. */
.npsp-single-replacement-ready {
    display: block;
    width: 100%;
}