/* Third navigation level in the desktop header. Keep its indentation stable
 * so Elementor's submenu hover transition cannot slide the item sideways. */
.elementor-nav-menu--main .mb-menu-level-3 > a,
.elementor-nav-menu--main .mb-menu-level-3 > a:hover,
.elementor-nav-menu--main .mb-menu-level-3 > a:focus,
.elementor-nav-menu--main .mb-menu-level-3 > a:focus-visible,
.elementor-nav-menu--main .mb-menu-level-3 > a:active,
.elementor-nav-menu--main .mb-menu-level-3 > a.highlighted {
  /* Elementor adds a transparent 16px border on nested link hover/focus.
   * Reset both physical and logical borders, not just the padding. */
  border-left: 0 !important;
  border-inline-start: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 10px !important;
  transform: none !important;
  transition: none !important;
}

/* Keep the marked flyout stable without overriding SmartMenus geometry. */
.elementor-nav-menu--main .sub-menu:has(> .mb-menu-level-3),
.elementor-nav-menu--main .sub-menu:has(> .mb-menu-level-3) > .mb-menu-level-3 {
  animation: none !important;
  transition: none !important;
}

/* SmartMenus positions nested menus with top:100% and a negative margin-top
 * equal to the parent link height. Leave that pair (and viewport collision
 * handling) intact so the flyout aligns with its parent row. */

/* In Elementor's popup the class is attached directly to the KMU link. */
a.mb-popup-menu-levels,
span.mb-popup-menu-levels {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 7px;
  padding-inline-start: 8px !important;
  width: 100%;
}

/* A short brand-green line communicates the third level more elegantly than
 * a typed bullet and follows the visual language used throughout the site. */
a.mb-popup-menu-levels::before,
span.mb-popup-menu-levels::before {
  background: #9dcd00;
  content: "";
  display: block;
  flex: 0 0 10px;
  height: 2px;
  width: 10px;
}