/* Sidebar Dropdown Smooth Animations */

/* Override Bootstrap's default abrupt collapse behavior */
.sidebar .collapse {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar .collapsing {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

/* Specific sidebar dropdown animations - target the actual IDs */
#customers,
#vendors,
#leads,
#inventory,
#employees,
#grow,
#processing,
#recent-customers {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

#customers.collapse,
#vendors.collapse,
#leads.collapse,
#inventory.collapse,
#employees.collapse,
#grow.collapse,
#processing.collapse {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

#customers.collapsing,
#vendors.collapsing,
#leads.collapsing,
#inventory.collapsing,
#employees.collapsing,
#grow.collapsing,
#processing.collapsing {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

/* Nested dropdowns (like Recent Customers) */
#recent-customers.collapse {
    transition: height 0.2s ease-in-out !important;
    overflow: hidden !important;
}

#recent-customers.collapsing {
    transition: height 0.2s ease-in-out !important;
    overflow: hidden !important;
}

/* Sub-nested dropdowns (like individual customer menus) */
.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown {
    transition: height 0.18s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown.collapse {
    transition: height 0.18s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown.collapsing {
    transition: height 0.18s ease-in-out !important;
    overflow: hidden !important;
}

/* Global sidebar dropdown class */
.sidebar-dropdown {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar-dropdown.collapse {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar-dropdown.collapsing {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

/* Force smooth animations on all collapse elements within sidebar */
.sidebar ul.collapse {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

.sidebar ul.collapsing {
    transition: height 0.25s ease-in-out !important;
    overflow: hidden !important;
}

/* Ensure no jumping during animation */
.sidebar-item {
    position: relative;
}

.sidebar-link {
    transition: all 0.15s ease-in-out !important;
}