/* COMPLETE ARROW-FREE NAVIGATION CSS */
/* Reset all potential arrow sources */
.has-submenu > a::before,
.has-submenu > a::after,
.submenu .has-submenu > a::before,
.submenu .has-submenu > a::after,
.menu [class*="submenu"] > a::before,
.menu [class*="submenu"] > a::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Navigation Bar */
.navbar {
  background-color: #000080;
  padding: 10px 0;
  font-family: Arial, sans-serif;
}

/* Main Menu */
.menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.menu > li {
  position: relative;
  margin: 0 5px;
}

.menu > li > a {
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  transition: background-color 0.3s;
}

.menu li:hover > a {
  background-color: #555;
}

/* Submenu Styles - No Arrows */
.has-submenu .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #444;
  list-style: none;
  min-width: 200px;
  z-index: 1000;
  margin: 0;
  padding: 0;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.has-submenu:hover > .submenu {
  display: block;
}

.submenu li {
  position: relative;
}

.submenu li a {
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  transition: background-color 0.2s;
}

.submenu li:hover > a {
  background-color: #666;
}

/* Nested Submenu */
.submenu .submenu {
  top: 0;
  left: 100%;
}

/* Ensure no arrow space remains */
.has-submenu > a {
  padding-right: 15px !important;
}