/* Department Sidebar Attractive Styling */

/* Base sidebar button styling */
.dept-sidebar-btn {
    position: relative;
    overflow: hidden;
}

.dept-sidebar-btn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: currentColor;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.dept-sidebar-btn:hover::before,
.dept-sidebar-btn.active::before {
    transform: scaleY(1);
}

/* Individual menu item color schemes */
.dept-sidebar-about {
    transition: all 0.3s ease;
}

.dept-sidebar-about:hover,
.dept-sidebar-about.active {
    background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
    color: #7c3aed !important;
    border-left: 4px solid #7c3aed;
    transform: translateX(4px);
}

.dept-sidebar-course {
    transition: all 0.3s ease;
}

.dept-sidebar-course:hover,
.dept-sidebar-course.active {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    color: #1d4ed8 !important;
    border-left: 4px solid #1d4ed8;
    transform: translateX(4px);
}

.dept-sidebar-faculty {
    transition: all 0.3s ease;
}

.dept-sidebar-faculty:hover,
.dept-sidebar-faculty.active {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    color: #047857 !important;
    border-left: 4px solid #047857;
    transform: translateX(4px);
}

.dept-sidebar-valueadded {
    transition: all 0.3s ease;
}

.dept-sidebar-valueadded:hover,
.dept-sidebar-valueadded.active {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    color: #b45309 !important;
    border-left: 4px solid #b45309;
    transform: translateX(4px);
}

.dept-sidebar-programs {
    transition: all 0.3s ease;
}

.dept-sidebar-programs:hover,
.dept-sidebar-programs.active {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%) !important;
    color: #be185d !important;
    border-left: 4px solid #be185d;
    transform: translateX(4px);
}

.dept-sidebar-visits {
    transition: all 0.3s ease;
}

.dept-sidebar-visits:hover,
.dept-sidebar-visits.active {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%) !important;
    color: #4338ca !important;
    border-left: 4px solid #4338ca;
    transform: translateX(4px);
}

.dept-sidebar-labs {
    transition: all 0.3s ease;
}

.dept-sidebar-labs:hover,
.dept-sidebar-labs.active {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%) !important;
    color: #0f766e !important;
    border-left: 4px solid #0f766e;
    transform: translateX(4px);
}

.dept-sidebar-achievements {
    transition: all 0.3s ease;
}

.dept-sidebar-achievements:hover,
.dept-sidebar-achievements.active {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%) !important;
    color: #c2410c !important;
    border-left: 4px solid #c2410c;
    transform: translateX(4px);
}

.dept-sidebar-mous {
    transition: all 0.3s ease;
}

.dept-sidebar-mous:hover,
.dept-sidebar-mous.active {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%) !important;
    color: #b91c1c !important;
    border-left: 4px solid #b91c1c;
    transform: translateX(4px);
}

.dept-sidebar-internship {
    transition: all 0.3s ease;
}

.dept-sidebar-internship:hover,
.dept-sidebar-internship.active {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%) !important;
    color: #7c3aed !important;
    border-left: 4px solid #7c3aed;
    transform: translateX(4px);
}

/* Icon animation on hover/active */
.dept-sidebar-btn:hover i.fa-chevron-right,
.dept-sidebar-btn.active i.fa-chevron-right {
    opacity: 1 !important;
    transform: translateX(4px) !important;
}

/* Active state indicator */
.dept-sidebar-btn.active {
    font-weight: 700 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}