/* VELOCITY SKINS V59 — selector scroll fix */

/*
 * Ovaj file je namjerno zaseban i ide zadnji u <head>.
 * Ne mijenja Skinovi funkcionalnost.
 */

body:has(.skin-grid) .skin-grid,
.vc-v9-inner-body .skin-grid {
    display:grid!important;

    max-height:300px!important;
    height:auto!important;
    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding-right:8px!important;
    margin-bottom:16px!important;

    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
}

/* Dialog ostaje unutar viewporta kao dodatna zaštita. */
.modal:has(.skin-grid),
[role="dialog"]:has(.skin-grid) {
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
}

/* Scrollbar da se jasno vidi da lista skroluje. */
.skin-grid::-webkit-scrollbar {
    width:9px!important;
}

.skin-grid::-webkit-scrollbar-track {
    background:rgba(255,255,255,.025)!important;
    border-radius:999px!important;
}

.skin-grid::-webkit-scrollbar-thumb {
    background:rgba(45,159,238,.52)!important;
    border-radius:999px!important;
}

.skin-grid::-webkit-scrollbar-thumb:hover {
    background:rgba(45,159,238,.76)!important;
}

@media (max-width:700px) {
    body:has(.skin-grid) .skin-grid,
    .vc-v9-inner-body .skin-grid {
        max-height:240px!important;
    }

    .modal:has(.skin-grid),
    [role="dialog"]:has(.skin-grid) {
        max-height:calc(100dvh - 10px)!important;
    }
}

@media (max-height:760px) and (min-width:701px) {
    body:has(.skin-grid) .skin-grid,
    .vc-v9-inner-body .skin-grid {
        max-height:230px!important;
    }
}