/*   === SCROLLBAR ===
        -----------      */
/* Globálne zacielenie na celú stránku */
html {
    scrollbar-width: auto !important; 
}

/* 1. Definícia celej lišty - striktne 6px pre dráhu aj bežca */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important; /* Pre horizontálny smer */
    background-color: transparent !important; /* Základná poistka pre transparentnosť */
}
/* 2. ÚPLNÉ ODSTRÁNENIE ŠÍPOK (Obe varianty pre maximálnu istotu) */
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:single-button,
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:increment {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}
/* 3. DRÁHA - Plne priehľadná a široká presne 6px */
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
/* 4. BEŽEC (Thumb) - Šírka 6px, plne zaoblené rohy */
::-webkit-scrollbar-thumb {
    background: hsla(var(--clr-black) / 0.16) !important; /* Elegantná polopriehľadná, aby ladila s auwa.life */
    border-radius: 100px !important; /* Extrémne zaoblenie pre efekt "kapsule" */
    border: none !important; /* Žiadne vnútorné okraje, ktoré by ho zužovali oproti dráhe */
}
/* 5. Efekt po prejdení myšou nad bežcom */
::-webkit-scrollbar-thumb:hover {
    background-color: hsla(var(--clr-black) / 0.24) !important;
}