/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* Fix: Prevent sidebar from being affected by other collapse components */
#navbar-nav .menu-link,
#navbar-nav .menu-link *,
#navbar-nav .nav-link,
#navbar-nav .nav-link *,
.navbar-menu .menu-link,
.navbar-menu .menu-link * {
    transform: none !important;
}

/* Fix: Sidebar collapse chevron — move to right side (app.css places it at left: 18px over the icon) */
#navbar-nav .menu-link[data-bs-toggle="collapse"]::after {
    left: auto !important;
    right: 18px;
    transform: rotate(0deg);
    transition: transform 0.2s;
}

#navbar-nav .menu-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    left: auto !important;
    right: 18px;
    transform: rotate(90deg) !important;
}

/* ============================================
   Custom Scrollbar — Dark Theme
   ============================================ */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 160, 0.3) transparent;
}

/* Webkit — page scrollbar */
html::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

html::-webkit-scrollbar-track {
    background: transparent;
}

html::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 160, 0.25);
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb:hover {
    background: rgba(150, 150, 160, 0.45);
}

html::-webkit-scrollbar-thumb:active {
    background: rgba(150, 150, 160, 0.6);
}

html::-webkit-scrollbar-corner {
    background: transparent;
}

/* Inner elements */
*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 160, 0.2);
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(150, 150, 160, 0.4);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

/* SimpleBar overrides */
.simplebar-scrollbar::before {
    background: rgba(150, 150, 160, 0.5) !important;
    border-radius: 10px !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

.simplebar-scrollbar.simplebar-visible::before {
    opacity: 0.5 !important;
}

[data-simplebar]:hover .simplebar-scrollbar::before {
    opacity: 0.6 !important;
}

[data-simplebar].simplebar-dragging .simplebar-scrollbar::before {
    opacity: 0.8 !important;
}