/* --- Dropdown menu styling --- */

/* Base submenu styling (first level dropdown) */
.elementor-nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 0; /* align with parent item */
  left: 100%; /* appear to the right of parent item */
  background: #3390B7; /* submenu background color */
  padding: 10px 0;
  margin: 0;
  list-style: none;
  min-width: 260px; /* width of dropdown */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 9999;
  border: 1px solid #ddd; /* optional border */
}

/* Show submenu on hover (first level and deeper) */
.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}

/* Style submenu items */
.elementor-nav-menu .sub-menu li a {
  padding: 10px 15px;
  display: block;
  color: #000; /* black text color */
  text-decoration: none;
  background: #3390B7; /* match dropdown background */
  transition: background 0.3s ease;
  white-space: nowrap; /* prevent text wrap */
}

/* Hover effect for submenu links */
.elementor-nav-menu .sub-menu li a:hover {
  background: #F47739; /* sub item hover background */
  color: #000; /* keep black text color */
}

/* Parent menu hover background */
.elementor-nav-menu > li:hover > a {
  background: #3390B7 !important; /* parent menu hover background */
  color: #000 !important; /* keep black text */
}

/* Remove ALL dropdown arrows completely (top-level and submenus) */
.elementor-nav-menu .menu-item-has-children > a:after,
.elementor-nav-menu .menu-item-has-children > a::after,
.elementor-nav-menu .sub-menu .menu-item-has-children > a:after,
.elementor-nav-menu .sub-menu .menu-item-has-children > a::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Make sure top-level dropdowns show under the parent item (not to the right) */
.elementor-nav-menu > .menu-item-has-children > .sub-menu {
  left: 0; /* first-level dropdown under parent */
  top: 100%;
}

/* For deeper levels (sub-submenus) show to the right */
.elementor-nav-menu .sub-menu .menu-item-has-children > .sub-menu {
  top: 0;
  left: 100%; /* flyout to the right */
}