/* 1) Ensure nested dropdown menus in the navbar can be positioned (fixes drop-down snapping) */
.navbar .dropdown-menu .dropdown-menu {
  position: absolute !important;
}

/* 2) Position the submenu flyout to the left of its parent item */
@media (min-width: 768px) {
  .navbar .dropdown-menu li { position: relative; }

  .navbar .dropdown-menu li > .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-right: 0;
  }
}

/* Mobile Submenus Expanded by Default */
@media (max-width: 991.98px) {
  .navbar .dropdown-menu .dropdown-menu {
    display: block;
    position: static !important;
    margin: 0;
    padding: 0;              
    border: 0;               
    border-radius: 0;       
    box-shadow: none;        
    background: transparent; 
  }
}

@media (max-width: 991.98px) {
  /* nested submenu container */
  .navbar .dropdown-menu li > .dropdown-menu{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .navbar .dropdown-menu li > .dropdown-menu .dropdown-item{
    padding-left: 2.5rem; /* adjust if you want more/less indent */
  }
}

/* Giv the navigation padding */
#Navigation {
  padding: 10px 0 10px 32px;
  margin: 0 !important;
}


/* Only apply the 'right alignment' logic on desktop screens */
@media (min-width: 992px) {
    .navbar-nav .nav-item.dropdown:last-child .dropdown-menu {
        right: 0;
        left: auto;
    }
}



.submenu {}

.dropdown-item.allow-wrap {
  white-space: normal;             /* allow wrapping only for this item */
  overflow-wrap: anywhere;        /* break long tokens/words */
  word-break: break-word;
  padding-right: 2.5rem;          /* avoid overlap with the round icon */
}