/* ============================================
   СТИЛИЗАЦИЯ СКРОЛЛБАРА
   Красивый скроллбар для всего сайта
   ============================================ */

/* Основной скроллбар для всей страницы */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--bg-body);
    border-left: 1px solid var(--border-color);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    border-radius: 6px;
    border: 2px solid var(--bg-body);
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
}

/* Для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) var(--bg-body);
}

/* Скроллбар для темной темы */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-body);
    border-left: 1px solid var(--border-color);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    border: 2px solid var(--bg-body);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
}

[data-theme="dark"] * {
    scrollbar-color: var(--color-primary) var(--bg-body);
}

/* Тонкий скроллбар для небольших элементов */
.scroll-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scroll-thin::-webkit-scrollbar-thumb {
    border: 1px solid var(--bg-body);
    border-radius: 3px;
}

.scroll-thin {
    scrollbar-width: thin;
}

/* Скрытый скроллбар (для мобильных) */
.scroll-hidden::-webkit-scrollbar {
    display: none;
}

.scroll-hidden {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* RTL поддержка для скроллбара */
[dir="rtl"] ::-webkit-scrollbar {
    direction: rtl;
}

[dir="rtl"] ::-webkit-scrollbar-track {
    border-left: none;
    border-right: 1px solid var(--border-color);
}