/* scrollbar.css */

/* CSS mainīgie */
:root {
    --border-radius: 8px; /* Jūs varat mainīt šo vērtību pēc vēlēšanās */
}

/* Stilizējam ritjoslas platumu - samazinām par 30% */
::-webkit-scrollbar {
    width: 11.2px; /* Noklusējuma platums ir 16px, 70% no 16px ir 11.2px */
    height: 11.2px; /* Ja vēlaties stilizēt arī horizontālo ritjoslu */
}

/* Ritjoslas fona krāsa ar tušējumu (blur) */
::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.35); /* 65% caurspīdīgums */
    backdrop-filter: blur(5px); /* Pievienojam tušējumu */
}

/* Ritjoslas bīdītājs (thumb) */
::-webkit-scrollbar-thumb {
    background-color: transparent; /* Caurspīdīgs, lai redzētu fona tušējumu */
    border-radius: var(--border-radius);
    backdrop-filter: none; /* Noņemam tušējumu no bīdītāja */
    box-shadow: inset 0 0 0 16px rgba(0, 0, 0, 0.35); /* Simulējam "acs" efektu */
}

/* Paslēpjam ritjoslas bultas, ja nepieciešams */
::-webkit-scrollbar-button {
    display: none;
}

/* Pārējām pārlūkprogrammām (Firefox) */
body {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

/* Firefox neatbalsta tušējumu ritjoslām, tāpēc efekts būs ierobežots */