/* Unified Vertical Menu Styles - Simple and Consistent */

/* Remove all animations and effects - keep only hover */
.menu-item {
    animation: none !important;
}

.menu-link {
    position: relative;
    transition: background-color 0.15s ease !important;
}

/* Remove all complex hover effects */
.menu-link::before {
    display: none !important;
}

/* Simple hover effect only */
.menu-item .menu-link:hover {
    background-color: rgba(105, 108, 255, 0.1) !important;
    transform: none !important;
}

/* Consistent active state for all menu items */
.menu-item.active > .menu-link {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: #696cff !important;
    font-weight: 500;
}

/* Active state indicator bar */
.menu-item.active::before {
    content: '';
    position: absolute;
    right: 0;
    width: 0.25rem;
    height: 2.6845rem;
    background: #696cff;
    border-radius: 0.375rem 0 0 0.375rem;
    z-index: 1;
}

/* Submenu active state - consistent with parent */
.menu-sub > .menu-item.active > .menu-link {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: #696cff !important;
    font-weight: 500;
}

/* Submenu hover - simple */
.menu-sub > .menu-item > .menu-link:hover {
    background-color: rgba(105, 108, 255, 0.08) !important;
    transform: none !important;
    padding-right: 2rem !important;
}

/* Parent menu item with active submenu */
.menu-item.open > .menu-link,
.menu-item.open.active > .menu-link {
    background-color: rgba(105, 108, 255, 0.1) !important;
}

/* Remove all badge animations */
.menu-item .badge {
    transition: none !important;
    animation: none !important;
}

.menu-item .badge:hover {
    transform: none !important;
    animation: none !important;
}

/* Remove tooltip animations */
.tooltip {
    animation: none !important;
}

/* Remove menu toggle arrow animations - keep simple rotation */
.menu-toggle::after {
    transition: transform 0.2s ease !important;
}

.menu-item.open .menu-toggle::after {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* Submenu - simple display, no animations */
.menu-sub {
    max-height: none !important;
    transition: none !important;
    overflow: visible !important;
}

.menu-item.open > .menu-sub {
    display: flex !important;
    max-height: none !important;
}

/* Remove all entrance animations */
.menu-item:nth-child(n) {
    animation: none !important;
    animation-delay: 0s !important;
}

/* Remove menu icon animations */
.menu-icon {
    transition: none !important;
}

.menu-link:hover .menu-icon {
    transform: none !important;
    color: inherit !important;
}

/* Remove brand link animations */
.app-brand-link {
    transition: none !important;
}

.app-brand-link:hover {
    transform: none !important;
}

/* Remove search focus animations */
.menu-search-container .form-control:focus {
    transform: none !important;
    box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25) !important;
}

/* Remove loading animations */
.menu-item.loading .menu-link::after {
    display: none !important;
}

/* Remove pulse animations */
.menu-item.active .menu-link {
    animation: none !important;
}

/* Consistent submenu styling */
.menu-sub .menu-link {
    padding-right: 2rem;
    transition: background-color 0.15s ease !important;
}

/* Remove highlight pulse */
.menu-item.search-highlight {
    animation: none !important;
}

/* Ensure consistent menu item structure */
.menu-inner > .menu-item {
    margin: 0.125rem 0;
}

.menu-inner > .menu-item > .menu-link {
    margin: 0.125rem 0.5rem;
    border-radius: 0.375rem;
}

/* Consistent submenu item structure */
.menu-sub > .menu-item {
    margin: 0.0625rem 0;
}

.menu-sub > .menu-item > .menu-link {
    margin: 0.0625rem 0.5rem;
    border-radius: 0.375rem;
}

/* Remove all transform effects */
.menu-item .menu-link,
.menu-sub .menu-link {
    transform: none !important;
}

/* Ensure active parent menu items are visible */
.menu-item.active.open > .menu-link {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: #696cff !important;
}

/* Active submenu items in active parent */
.menu-item.active.open .menu-sub > .menu-item.active > .menu-link {
    background-color: rgba(105, 108, 255, 0.2) !important;
    color: #696cff !important;
}

/* Parent menu with active child should also show active state */
.menu-item.open:has(.menu-sub > .menu-item.active) > .menu-link {
    background-color: rgba(105, 108, 255, 0.1) !important;
}

/* Ensure consistent active state for all menu levels */
.menu-inner > .menu-item.active > .menu-link,
.menu-sub > .menu-item.active > .menu-link {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: #696cff !important;
    font-weight: 500;
}

/* Active indicator bar for all active items */
.menu-inner > .menu-item.active::before,
.menu-sub > .menu-item.active::before {
    content: '';
    position: absolute;
    right: 0;
    width: 0.25rem;
    height: 2.6845rem;
    background: #696cff;
    border-radius: 0.375rem 0 0 0.375rem;
    z-index: 1;
}