/* 
 * Fix for Menu Item Text Movement
 * Ensures text doesn't move when menu items are active or hovered
 */

/* Keep consistent padding for all states */
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item[aria-current="page"] {
    padding: 12px 25px !important;
    margin: 0 !important;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
}

/* Apply background and border styles without changing padding */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item[aria-current="page"] {
    background-color: rgba(43, 57, 144, 0.08) !important;
    color: #2b3990 !important;
    position: relative !important;
}

/* Use pseudo elements for the side borders to avoid affecting layout */
.dropdown-menu .dropdown-item:hover::before,
.dropdown-menu .dropdown-item:focus::before,
.dropdown-menu .dropdown-item.active::before,
.dropdown-menu .dropdown-item[aria-current="page"]::before,
.dropdown-menu .dropdown-item:hover::after,
.dropdown-menu .dropdown-item:focus::after,
.dropdown-menu .dropdown-item.active::after,
.dropdown-menu .dropdown-item[aria-current="page"]::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background-color: #4A90E2 !important;
    display: block !important;
    z-index: 1 !important;
}

/* Left border */
.dropdown-menu .dropdown-item:hover::before,
.dropdown-menu .dropdown-item:focus::before,
.dropdown-menu .dropdown-item.active::before,
.dropdown-menu .dropdown-item[aria-current="page"]::before {
    left: 0 !important;
}

/* Right border */
.dropdown-menu .dropdown-item:hover::after,
.dropdown-menu .dropdown-item:focus::after,
.dropdown-menu .dropdown-item.active::after,
.dropdown-menu .dropdown-item[aria-current="page"]::after {
    right: 0 !important;
}
