@import "./all.rounded.css";
@import "./all.straight.css";
@import "../brands/all.css";
/* Sidebar scroll fix */
.left-sidebar > div {
    display: flex;
    flex-direction: column;
    height: 100vh; /* املأ ارتفاع النافذة */
    position: sticky; /* يثبت الشريط عند التمرير */
    top: 0;
}

.left-sidebar .brand-logo {
    flex: 0 0 auto; /* يبقى بطوله الطبيعي */
}

.left-sidebar .sidebar-nav {
    flex: 1 1 auto; /* ياخذ الباقي */
    min-height: 0; /* مهم لتمكين الـoverflow داخل flex */
    overflow-y: auto; /* السكرول هنا */
    overflow-x: hidden;
    padding-bottom: .5rem; /* مسافة بسيطة أسفل */
    scrollbar-width: thin; /* Firefox */
}

    .left-sidebar .sidebar-nav::-webkit-scrollbar { /* WebKit */
        width: 8px;
    }

    .left-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.2);
        border-radius: 4px;
    }
.fi {
    font-size:21px;
}