/* ===== Sidebar Active Link Styles ===== */

/* تمييز الرابط النشط - أسلوب احترافي */
#sidebar .nav-link.active,
#sidebar .dropdown-item.active {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%) !important;
    border-right: 4px solid #fff !important;
    border-radius: 8px 0 0 8px !important;
    font-weight: 600 !important;
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.2),
        inset 0 0 20px rgba(255, 255, 255, 0.1) !important;
    position: relative;
}

/* أيقونة تمييز إضافية */
#sidebar .nav-link.active::before,
#sidebar .dropdown-item.active::before {
    content: "▶";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7rem;
    color: #fff;
    animation: pulse 2s ease-in-out infinite;
}

/* تأثير نبض للتمييز */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* تمييز الأيقونة في الرابط النشط */
#sidebar .nav-link.active i,
#sidebar .dropdown-item.active i {
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* hover effect للرابط النشط */
#sidebar .nav-link.active:hover,
#sidebar .dropdown-item.active:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%) !important;
    transform: translateX(-3px);
}

/* تمييز الـ dropdown toggle عندما يكون نشطاً */
#sidebar .nav-link.dropdown-toggle.active {
    background: rgba(255, 255, 255, 0.2) !important;
    border-right: 4px solid rgba(255, 255, 255, 0.5) !important;
}

/* تحسين التباين للنص */
#sidebar .nav-link.active .sidebar-text,
#sidebar .dropdown-item.active {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* ============ Responsive ============ */

/* للشاشات المتوسطة */
@media (max-width: 992px) {
    #sidebar .nav-link.active,
    #sidebar .dropdown-item.active {
        border-right-width: 3px !important;
    }
    
    #sidebar .nav-link.active::before,
    #sidebar .dropdown-item.active::before {
        font-size: 0.6rem;
    }
}

/* للشاشات الصغيرة */
@media (max-width: 768px) {
    #sidebar .nav-link.active,
    #sidebar .dropdown-item.active {
        border-right-width: 2px !important;
        padding-right: 20px !important;
    }
}

/* ============ Sidebar Collapsed State ============ */

/* عندما يكون السايدبار مطوي */
#sidebar.active .nav-link.active::before,
#sidebar.active .dropdown-item.active::before {
    display: none;
}

#sidebar.active .nav-link.active {
    border-right: none !important;
    border-bottom: 3px solid #fff !important;
}