/* Custom Scrollbar for Thumbnail Container */
.custom-scrollbar-x::-webkit-scrollbar {
    height: 6px;
}

.custom-scrollbar-x::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.custom-scrollbar-x::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.custom-scrollbar-x::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* ==========================================================================
   Slider Mobile Fit & Drag Optimizations
   ========================================================================== */

/* Fixes touch behavior conflict on mobile browsers while swiping */
#slider-track {
    touch-action: pan-y; /* Allows vertical page scrolling, but takes over horizontal swiping */
    user-select: none;   /* Prevents highlighting text/images while dragging */
    -webkit-user-select: none;
}

/* Hard constraint backup to guarantee slides never squish on mobile screens */
.slider-slide {
    width: 100% !important;
    min-w-full: 100% !important; /* Forces layout calculation matching your JavaScript */
    flex-shrink: 0 !important;
}

/* Prevents mobile browsers from triggering default image dragging artifacts */
.slider-slide img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none; /* Ensures the mouse/touch event registers on the track, not the image */
}