.menu {
  display: flex;            /* flex only on the top-level menu */
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: visible;
}

/* Submenu ULs: make sure they are block, vertical lists */
.menu ul {
  display: block !important;
  flex-wrap: unset !important;
  white-space: normal !important;
  padding-left: 0;
  margin: 0;
  list-style: none;
}

/* Top-level menu items */
.menu > li {
  flex-shrink: 1;
  white-space: nowrap;
  position: relative; /* needed for dropdown positioning */
}

/* Links inside menu items */
.menu > li > a {
  padding: 10px 15px;
  white-space: nowrap;
  display: block;
}

/* Dropdown submenu items */
.menu ul li {
  display: block;
  white-space: normal;
}

/* Optional: style submenu links */
.menu ul li a {
  padding: 8px 15px;
  display: block;
}