/* ===== Lightweight nav (replaces Bootstrap + Popper) =====
   Open/close state is driven entirely by JS toggling the .show
   class (see lightweight-nav.js) - this keeps hover and click as
   ONE system instead of two independent ones that can get out of
   sync. This file only adds what Popper used to do dynamically:
   opening nested (2nd-level) submenus sideways without going
   off-screen. */

@media (min-width: 768px) {
  .DropdownMenu1 .dropdown-item.dropdown > .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0; /* no gap against the parent item, avoids hover flicker */
  }
}