/* Sidebar Dropdown Fix - Ensure dropdowns appear below instead of to the right */
/* Using !important to override theme styles */

/* Force collapse elements to display properly */
#sidebarMenu .multi-level {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: auto !important;
}

/* Hidden state */
#sidebarMenu .multi-level.collapse:not(.show) {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Shown state */
#sidebarMenu .multi-level.collapse.show,
#sidebarMenu .multi-level:not(.collapse) {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    width: 100% !important;
}

/* Collapsing animation state */
#sidebarMenu .collapsing {
    position: relative !important;
    height: 0 !important;
    overflow: hidden !important;
    transition: height 0.35s ease !important;
    width: 100% !important;
    left: 0 !important;
    top: auto !important;
    transform: none !important;
}

/* Navigation list styling */
#sidebarMenu .multi-level .nav {
    flex-direction: column !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    list-style: none !important;
    display: flex !important;
}

#sidebarMenu .multi-level .nav-item {
    width: 100% !important;
    position: relative !important;
    display: block !important;
}

#sidebarMenu .multi-level .nav-link {
    display: block !important;
    padding: 0.5rem 1rem !important;
    padding-left: 2rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    position: relative !important;
}

#sidebarMenu .multi-level .nav-link:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

#sidebarMenu .multi-level .nav-item.active .nav-link {
    color: #fff !important;
    background-color: rgba(16, 185, 129, 0.2) !important;
}

/* Arrow rotation fixes */
#sidebarMenu .link-arrow {
    transition: transform 0.3s ease !important;
    display: inline-block !important;
}

#sidebarMenu .nav-link:not(.collapsed) .link-arrow {
    transform: rotate(90deg) !important;
}

#sidebarMenu .nav-link.collapsed .link-arrow {
    transform: rotate(0deg) !important;
}

/* Override any dropdown positioning that might cause horizontal display */
#sidebarMenu [data-bs-toggle="collapse"] + .multi-level {
    position: static !important;
    float: none !important;
    clear: both !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
}

/* Ensure nav-item contains multi-level properly */
#sidebarMenu .nav-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Force multi-level to be a direct child block element */
#sidebarMenu .nav-item > .multi-level {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
}

/* Force proper ul styling */
#sidebarMenu .multi-level ul {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    list-style: none !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Additional Bootstrap override */
#sidebarMenu .dropdown-menu,
#sidebarMenu .dropdown-menu-end {
    position: static !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
}

/* Ensure no horizontal positioning occurs */
#sidebarMenu .nav-item .collapse,
#sidebarMenu .nav-item .collapsing,
#sidebarMenu .nav-item .show {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: auto !important;
    position: relative !important;
    transform: none !important;
}

/* Ensure nav-link span doesn't cause layout issues */
#sidebarMenu .nav-item > .nav-link {
    display: flex !important;
    width: 100% !important;
    position: relative !important;
}

/* Prevent any absolute positioning on multi-level */
#sidebarMenu .nav-item .multi-level,
#sidebarMenu .nav-item .multi-level.collapse,
#sidebarMenu .nav-item .multi-level.collapse.show,
#sidebarMenu .nav-item .multi-level.collapsing {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    clear: both !important;
}