/**
 * Force Visible Scrollbar for Thumbnails
 * Bu dosya scrollbar'ı zorla görünür yapar
 */

/* Sol ve Sağ Thumbnails Container - Dinamik Yükseklik */
.gallery-layout-thumbnails_left .thumbnail-left-container,
.gallery-layout-thumbnails_right .thumbnail-right-container {
    max-height: 444px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable both-edges !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
}

/* macOS için scrollbar her zaman göster */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar {
    -webkit-appearance: none !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar:vertical,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar:vertical {
    width: 14px !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar:horizontal,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar:horizontal {
    height: 0 !important;
}

/* Sol Thumbnails - Scrollbar Track */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track {
    background: #eeeeee !important;
    border-radius: 7px !important;
    border: 2px solid #d0d0d0 !important;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
}

/* Sol Thumbnails - Scrollbar Thumb (Her Zaman Görünür) */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb {
    background: #ff6b35 !important;
    border-radius: 7px !important;
    border: 3px solid #ffffff !important;
    min-height: 60px !important;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
    -webkit-box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb:hover {
    background: #ff5722 !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.8) !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb:active {
    background: #e64a19 !important;
}

/* Sağ Thumbnails - Scrollbar Track */
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    background: #eeeeee !important;
    border-radius: 7px !important;
    border: 2px solid #d0d0d0 !important;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
}

/* Sağ Thumbnails - Scrollbar Thumb (Her Zaman Görünür) */
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb {
    background: #ff6b35 !important;
    border-radius: 7px !important;
    border: 3px solid #ffffff !important;
    min-height: 60px !important;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
    -webkit-box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
}

.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb:hover {
    background: #ff5722 !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.8) !important;
}

.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb:active {
    background: #e64a19 !important;
}

/* Firefox için */
.gallery-layout-thumbnails_left .thumbnail-left-container,
.gallery-layout-thumbnails_right .thumbnail-right-container {
    scrollbar-width: auto !important;
    scrollbar-color: #ff6b35 #eeeeee !important;
}

/* macOS Safari ve Chrome için - Scrollbar butonları ekle (her zaman görünür olması için) */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-button,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-button {
    display: block !important;
    height: 0 !important;
}

/* Scrollbar'ı overlay değil, normal modda göster */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    -webkit-appearance: none !important;
}

/* Scrollbar thumb'ı her zaman görünür yap - macOS için */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb {
    -webkit-appearance: none !important;
    display: block !important;
    visibility: visible !important;
}

/* Scrollbar track her zaman görünür */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    display: block !important;
    visibility: visible !important;
}