/*
 * Sidebar LI Lines - Light gray lines under li elements
 * خطوط رمادية خفيفة تحت عناصر li في الشريط الجانبي
 */

/* ========================================
 * SIDEBAR LI LINES
 * ======================================== */

/* Apply light gray border to all li elements in sidebar */
.main-sidebar .nav-sidebar .nav-item,
.main-sidebar .sidebar .nav-item,
.main-sidebar .nav li,
.main-sidebar .sidebar li,
.sidebar .nav-sidebar .nav-item,
.sidebar .nav li,
.sidebar li,
.nav-sidebar .nav-item,
.nav-sidebar li {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* Remove border from the last li item */
.main-sidebar .nav-sidebar .nav-item:last-child,
.main-sidebar .sidebar .nav-item:last-child,
.main-sidebar .nav li:last-child,
.main-sidebar .sidebar li:last-child,
.sidebar .nav-sidebar .nav-item:last-child,
.sidebar .nav li:last-child,
.sidebar li:last-child,
.nav-sidebar .nav-item:last-child,
.nav-sidebar li:last-child {
    border-bottom: none !important;
}

/* Hover effect for li elements */
.main-sidebar .nav-sidebar .nav-item:hover,
.main-sidebar .sidebar .nav-item:hover,
.main-sidebar .nav li:hover,
.main-sidebar .sidebar li:hover,
.sidebar .nav-sidebar .nav-item:hover,
.sidebar .nav li:hover,
.sidebar li:hover,
.nav-sidebar .nav-item:hover,
.nav-sidebar li:hover {
    border-bottom-color: rgba(128, 128, 128, 0.4) !important;
}

/* Active li element */
.main-sidebar .nav-sidebar .nav-item.active,
.main-sidebar .sidebar .nav-item.active,
.main-sidebar .nav li.active,
.main-sidebar .sidebar li.active,
.sidebar .nav-sidebar .nav-item.active,
.sidebar .nav li.active,
.sidebar li.active,
.nav-sidebar .nav-item.active,
.nav-sidebar li.active {
    border-bottom-color: rgba(128, 128, 128, 0.5) !important;
}

/* ========================================
 * RESPONSIVE ADJUSTMENTS
 * ======================================== */

/* Mobile adjustments */
@media (max-width: 768px) {
    .main-sidebar .nav-sidebar .nav-item,
    .main-sidebar .sidebar .nav-item,
    .main-sidebar .nav li,
    .main-sidebar .sidebar li,
    .sidebar .nav-sidebar .nav-item,
    .sidebar .nav li,
    .sidebar li,
    .nav-sidebar .nav-item,
    .nav-sidebar li {
        border-bottom: 1px solid rgba(128, 128, 128, 0.15) !important;
    }
    
    .main-sidebar .nav-sidebar .nav-item:hover,
    .main-sidebar .sidebar .nav-item:hover,
    .main-sidebar .nav li:hover,
    .main-sidebar .sidebar li:hover,
    .sidebar .nav-sidebar .nav-item:hover,
    .sidebar .nav li:hover,
    .sidebar li:hover,
    .nav-sidebar .nav-item:hover,
    .nav-sidebar li:hover {
        border-bottom-color: rgba(128, 128, 128, 0.3) !important;
    }
}

/* ========================================
 * FORCE OVERRIDE
 * ======================================== */

/* Ensure maximum specificity */
html body .main-sidebar .nav-sidebar .nav-item,
html body .main-sidebar .sidebar .nav-item,
html body .main-sidebar .nav li,
html body .main-sidebar .sidebar li,
html body .sidebar .nav-sidebar .nav-item,
html body .sidebar .nav li,
html body .sidebar li,
html body .nav-sidebar .nav-item,
html body .nav-sidebar li {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2) !important;
}

html body .main-sidebar .nav-sidebar .nav-item:last-child,
html body .main-sidebar .sidebar .nav-item:last-child,
html body .main-sidebar .nav li:last-child,
html body .main-sidebar .sidebar li:last-child,
html body .sidebar .nav-sidebar .nav-item:last-child,
html body .sidebar .nav li:last-child,
html body .sidebar li:last-child,
html body .nav-sidebar .nav-item:last-child,
html body .nav-sidebar li:last-child {
    border-bottom: none !important;
}

html body .main-sidebar .nav-sidebar .nav-item:hover,
html body .main-sidebar .sidebar .nav-item:hover,
html body .main-sidebar .nav li:hover,
html body .main-sidebar .sidebar li:hover,
html body .sidebar .nav-sidebar .nav-item:hover,
html body .sidebar .nav li:hover,
html body .sidebar li:hover,
html body .nav-sidebar .nav-item:hover,
html body .nav-sidebar li:hover {
    border-bottom-color: rgba(128, 128, 128, 0.4) !important;
}