/**
 * UWS Image Slider – Stylesheet
 * Einbinden via wp_enqueue_style( 'uws-image-slider', ... )
 */

.uws-slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    overflow: hidden; /* Pfeile liegen außerhalb des Tracks */
}

/* Pfeile */
.uws-slider__arrow {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    z-index: 2;
    transition: opacity 0.2s;
}

.uws-slider__arrow:disabled {
    opacity: 0.25;
    cursor: default;
}

/* Track-Container – blendet überlaufende Slides aus */
.uws-slider__track-wrap {
    flex: 1;
    overflow: hidden;
}

/* Track – wird per transform verschoben */
.uws-slider__track {
    display: flex;
    transition: transform 0.35s ease;
    will-change: transform;
}

/* Einzelner Slide */
.uws-slider__slide {
    flex-shrink: 0;
    box-sizing: border-box;
    /* Breite + Gap werden per JS gesetzt */
}

/* Link-Wrapper */
.uws-slider__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Bild */
.uws-slider__image-wrap {
    width: 100%;
}

.uws-slider__img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
}

/* Titel */
.uws-slider__title {
    margin: 12px 0 0;
    padding: 0;
    font-size: 0.9rem;
}