/**----------------- ROW SLIDER -------------*/

.spectra-image-gallery__layout--carousel ul.slick-dots {
    top: unset !important;
    bottom: -30px;
    position: absolute !important;
}

.uagb-slick-carousel ul.slick-dots li button {
    position: relative !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

ul.slick-dots button::before {
    height: 12px !important;
    width: 12px !important;
    background-color: var(--color-1) !important;
    color: transparent !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    left: unset !important;
    top: unset !important;
}

ul.slick-dots button[aria-selected="true"]:before {
    color: transparent !important;

}

/* 1. Swipe erlauben (WICHTIG!) */
.uagb-tab-accordion .uagb-slick-carousel,
.uagb-tab-accordion .slick-list,
.uagb-tab-accordion .slick-track {
    /* Sagt dem Browser: Vertikales Scrollen erlaubt, aber horizontales Wischen gehört dem Slider */
    touch-action: pan-y !important; 
    -webkit-user-select: none;
    user-select: none;
}

/* 2. Pfeile bedienbar machen */
.uagb-tab-accordion .slick-arrow {
    z-index: 100 !important;
    cursor: pointer !important;
}

/* 3. Layout-Stabilisierung für Mobile */
@media (max-width: 767px) {
    .uagb-tab-accordion .uagb-slick-carousel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}