/* Harbas ONE v0.8b3 - Menu dropdown hardfix */
.ho-header,
.one-header,
.site-header,
.public-header {
  position: relative;
  z-index: 1000;
  overflow: visible !important;
}

.ho-nav,
.one-nav,
.site-nav,
.main-nav,
.header-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  position: relative !important;
  overflow: visible !important;
}

.ho-nav ul,
.one-nav ul,
.site-nav ul,
.main-nav ul,
.header-nav ul,
ul.ho-menu,
ul.one-menu,
ul.site-menu,
ul.main-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ho-menu,
.one-menu,
.site-menu,
.main-menu,
.header-menu {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  overflow: visible !important;
}

.ho-menu > li,
.one-menu > li,
.site-menu > li,
.main-menu > li,
.header-menu > li,
.menu-item.has-children,
.menu-item.menu-has-children {
  position: relative !important;
  display: block !important;
}

.ho-menu a,
.one-menu a,
.site-menu a,
.main-menu a,
.header-menu a,
.ho-menu button,
.one-menu button,
.site-menu button,
.main-menu button,
.header-menu button {
  white-space: nowrap !important;
}

/* Hide all nested submenus by default */
.ho-menu li ul,
.one-menu li ul,
.site-menu li ul,
.main-menu li ul,
.header-menu li ul,
.ho-submenu,
.one-submenu,
.site-submenu,
.main-submenu,
.dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 220px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .18) !important;
  padding: 10px !important;
  z-index: 99999 !important;
  margin: 0 !important;
}

/* Show submenu on hover/focus */
.ho-menu li:hover > ul,
.one-menu li:hover > ul,
.site-menu li:hover > ul,
.main-menu li:hover > ul,
.header-menu li:hover > ul,
.ho-menu li:focus-within > ul,
.one-menu li:focus-within > ul,
.site-menu li:focus-within > ul,
.main-menu li:focus-within > ul,
.header-menu li:focus-within > ul,
.menu-item:hover > .ho-submenu,
.menu-item:hover > .one-submenu,
.menu-item:hover > .site-submenu,
.menu-item:hover > .main-submenu,
.menu-item:hover > .dropdown-menu,
.menu-item:focus-within > .ho-submenu,
.menu-item:focus-within > .one-submenu,
.menu-item:focus-within > .site-submenu,
.menu-item:focus-within > .main-submenu,
.menu-item:focus-within > .dropdown-menu {
  display: block !important;
}

.ho-menu li ul li,
.one-menu li ul li,
.site-menu li ul li,
.main-menu li ul li,
.header-menu li ul li,
.ho-submenu li,
.one-submenu li,
.site-submenu li,
.main-submenu li,
.dropdown-menu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.ho-menu li ul a,
.one-menu li ul a,
.site-menu li ul a,
.main-menu li ul a,
.header-menu li ul a,
.ho-submenu a,
.one-submenu a,
.site-submenu a,
.main-submenu a,
.dropdown-menu a {
  display: block !important;
  width: 100% !important;
  padding: 13px 16px !important;
  border-radius: 12px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ho-menu li ul a:hover,
.one-menu li ul a:hover,
.site-menu li ul a:hover,
.main-menu li ul a:hover,
.header-menu li ul a:hover,
.ho-submenu a:hover,
.one-submenu a:hover,
.site-submenu a:hover,
.main-submenu a:hover,
.dropdown-menu a:hover {
  background: rgba(37, 99, 235, .08) !important;
  color: #1d4ed8 !important;
}

/* Third level submenu opens left so it does not leave screen */
.ho-menu li ul li ul,
.one-menu li ul li ul,
.site-menu li ul li ul,
.main-menu li ul li ul,
.header-menu li ul li ul {
  top: 0 !important;
  right: calc(100% + 10px) !important;
}

@media (max-width: 768px) {
  .ho-menu,
  .one-menu,
  .site-menu,
  .main-menu,
  .header-menu {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  .ho-menu li ul,
  .one-menu li ul,
  .site-menu li ul,
  .main-menu li ul,
  .header-menu li ul,
  .ho-submenu,
  .one-submenu,
  .site-submenu,
  .main-submenu,
  .dropdown-menu {
    position: static !important;
    min-width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }
}