.dxpr-custom-menu {
  position: relative;
  background: var(--dxt-color-header);
  color: var(--dxt-color-headertext);
}

.dxpr-custom-menu *,
.dxpr-custom-menu *::before,
.dxpr-custom-menu *::after {
  box-sizing: border-box;
}

.dxpr-custom-menu a {
  text-decoration: none;
  color: inherit;
}

.dxpr-custom-menu .container-menu {
  width: auto;
  margin: 0 auto;
}

.dxpr-custom-menu .navigation {
  position: relative;
}

.dxpr-custom-menu .core-menu {
  text-align: right;
  font: normal 1rem/1 var(--dxt-setting-nav-font-face);
  list-style: none;
  margin: 0;
  padding: 0;
}

.dxpr-custom-menu .core-menu > li {
  list-style: none;
  display: inline-block;
  position: relative;
}

.dxpr-custom-menu .core-menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0.9rem;
  text-transform: uppercase;
  color: var(--dxt-setting-menu-text-color, var(--dxt-color-headertext));
  transition: color 0.2s ease, background 0.2s ease;
}

.dxpr-custom-menu .core-menu > li > a:hover,
.dxpr-custom-menu .core-menu > li > a:focus-visible,
.dxpr-custom-menu .core-menu > li:focus-within > a,
.dxpr-custom-menu .core-menu > li.is-active-trail > a {
  background: var(--bs-primary, var(--dxt-color-base));
  color: var(--dxt-color-body);
}

.dxpr-custom-menu .toggle,
.dxpr-custom-menu .toggle2 {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
}

.dxpr-custom-menu .toggle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.45rem;
  height: 0.45rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}

.dxpr-custom-menu .toggle2::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  width: 0.45rem;
  height: 0.45rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.dxpr-custom-menu .dropdown,
.dxpr-custom-menu .dropdown2 {
  position: absolute;
  min-width: 280px;
  width: max-content;
  max-width: 90vw;
  background: var(--dxt-setting-dropdown-background, var(--dxt-color-header));
  text-align: left;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  z-index: 50;
}

.dxpr-custom-menu .dropdown li,
.dxpr-custom-menu .dropdown2 li {
  display: block;
  position: relative;
}

.dxpr-custom-menu .dropdown li a,
.dxpr-custom-menu .dropdown2 li a {
  display: block;
  padding: 0.75rem 0.9rem;
  color: var(--dxt-setting-dropdown-text-color, var(--dxt-color-headertext));
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.dxpr-custom-menu .dropdown li a:hover,
.dxpr-custom-menu .dropdown li a:focus-visible,
.dxpr-custom-menu .dropdown2 li a:hover {
  background: var(--bs-primary, var(--dxt-color-base));
  color: var(--dxt-color-body);
}

.dxpr-custom-menu .dropdown-level-2 li a:hover,
.dxpr-custom-menu .dropdown-level-2 li a:focus-visible {
  background: var(--bs-primary-bg-subtle, var(--dxt-color-basesubtle));
  color: var(--dxt-color-body);
}

.dxpr-custom-menu .dropdown2 {
  left: 100%;
  right: auto;
  top: 0;
  background: color-mix(in srgb, var(--dxt-setting-dropdown-background, var(--dxt-color-header)) 85%, #000);
}

.dxpr-custom-menu .core-menu li:hover > .dropdown,
.dxpr-custom-menu .dropdown li:hover > .dropdown2 {
  display: block;
}

.dxpr-custom-menu .dropdown.align-left {
  right: 0;
  left: auto;
}

.dxpr-custom-menu .dropdown2.align-left {
  right: 100%;
  left: auto;
}

.dxpr-custom-menu .hamburger-menu {
  padding: 1rem;
  display: none;
  font: normal 1rem/1 var(--dxt-setting-nav-font-face);
  text-transform: uppercase;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: center;
  color: var(--dxt-setting-menu-text-color, var(--dxt-color-headertext));
  position: relative;
}

.dxpr-custom-menu .burger-1,
.dxpr-custom-menu .burger-2,
.dxpr-custom-menu .burger-3 {
  display: block;
  position: absolute;
  width: 20px;
  height: 3px;
  border-radius: 30px;
  right: 0;
  margin-right: 25px;
  background: currentColor;
  transition: 0.2s ease;
}

.dxpr-custom-menu .burger-1 {
  top: 15px;
}

.dxpr-custom-menu .burger-2 {
  top: 23px;
}

.dxpr-custom-menu .burger-3 {
  top: 31px;
}

.dxpr-custom-menu .burger-1.open,
.dxpr-custom-menu .burger-2.open,
.dxpr-custom-menu .burger-3.open {
  transform-origin: 50% 50%;
}

.dxpr-custom-menu .burger-1.open {
  top: 25px;
  width: 23px;
  transform: rotate(45deg);
}

.dxpr-custom-menu .burger-2.open {
  opacity: 0;
}

.dxpr-custom-menu .burger-3.open {
  top: 25px;
  width: 23px;
  transform: rotate(-45deg);
}

@media (max-width: 720px) {
  .dxpr-custom-menu {
    height: 50px;
  }

  #dxpr-theme-menu-toggle {
    display: none !important;
  }

  .dxpr-custom-menu .container-menu {
    width: 100%;
  }

  .dxpr-custom-menu .navigation {
    float: left;
    display: block;
    width: 100%;
  }

  .dxpr-custom-menu .core-menu {
    float: right;
    width: 100%;
    background: var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside));
    margin: 0;
    display: none;
    text-align: left;
    font-size: 0.9rem;
  }


  .dxpr-custom-menu .core-menu li {
    width: 100%;
    display: block;
    text-align: left;
  }

  .dxpr-custom-menu .core-menu li a {
    display: block;
    margin: 0;
    text-transform: none;
    color: var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext));
    padding: 0.6rem 0.85rem;
    font-size: 0.9rem;
  }

  .dxpr-custom-menu .hamburger-menu {
    display: block !important;
    min-height: 50px;
  }

  .dxpr-custom-menu .dropdown,
  .dxpr-custom-menu .dropdown2 {
    width: 100%;
    background: var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside));
    text-align: left;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    box-shadow: none;
  }

  .dxpr-custom-menu .dropdown2 {
    padding-left: 20px;
  }

  .dxpr-custom-menu .dropdown2 li a {
    color: var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext)) !important;
    opacity: 1;
    visibility: visible;
  }

  .dxpr-custom-menu .dropdown li a,
  .dxpr-custom-menu .dropdown2 li a {
    font-size: 0.88rem;
    padding: 0.6rem 0.85rem;
  }
}