/* Glide Kit: Base Styles */

.glide-kit-scrollbar-wrapper {
    /* This outer wrapper controls the margins and now alignment */
    width: 100%;
    display: flex; 
    /* The justify-content property will be applied here by the Elementor control */
}

/* Default "Inline" Positioning */
.glide-kit-inner-wrapper {
    display: flex;
    align-items: center;
}

.scroll-track {
    position: relative; 
    display: flex;
    align-items: center;
    min-width: 0;
}

.scroll-thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: grab;
    pointer-events: auto;
    transition: background-color 0.2s ease, transform 0.2s ease, height 0.2s ease, width 0.2s ease;
}

.scroll-thumb:hover {
    transform: translateY(-50%) scale(1.1);
}

/* Arrow Base Styles */
.glide-arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* --- NEW ABSOLUTE POSITIONING STYLES --- */

/* This class is added by the PHP when 'Absolute' is chosen */
.glide-arrows-position-absolute .glide-kit-inner-wrapper {
    /* The inner wrapper no longer needs to control layout, so we make it static.
       The main widget wrapper ({{WRAPPER}}) becomes the positioning context. */
    position: static;
}

.glide-arrows-position-absolute .glide-arrow {
    position: absolute;
    z-index: 10;
    /* Default to vertical center. The 'top' value from the controls will override this. */
    top: 50%;
    transform: translateY(-50%);
}

.glide-arrows-position-absolute .glide-arrow-prev {
    /* Default to left:0. The 'left' value from the controls will override this. */
    left: 0;
}

.glide-arrows-position-absolute .glide-arrow-next {
    /* Default to right:0. The 'right' value from the controls will override this. */
    right: 0;
}

.glide-arrows-position-absolute .scroll-track {
    /* When arrows are absolute, the track should be aligned based on the main wrapper's settings */
    margin: 0 auto;
}


/* Hide native scrollbars */
.glidekit-hide-native-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.glidekit-hide-native-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Dragging Helper Classes */
.active-dragging {
    cursor: grabbing !important;
    user-select: none;
    -webkit-user-select: none;
}

.active-dragging img {
    pointer-events: none;
}