/* Position the submenu absolutely relative to the parent list item */
.dropdown-submenu {
  position: relative;
}

/* Hide the submenu by default and position it to the right */
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* Optional: Show the submenu automatically on hover */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* Position the submenu to the top right edge of the trigger parent */
#context-menu .dropend .submenu {
    top: 0;
    left: 100%;
    margin-top: -5px; /* Aligns smoothly with borders */
}