/* Robust, JS-independent fallback for the header dropdown menus
   (About us / Products / Applications). The original theme relies on
   SmartMenus JS timing (hoverIntent) to reveal these on hover; this
   guarantees the same result with plain CSS regardless of JS timing. */

.menu-item-has-children > a .sub-arrow {
  display: inline-block !important;
}

.menu-item-has-children > a .sub-arrow i.fa::before {
  content: "\25BE"; /* small down-pointing triangle, font-independent */
  font-family: initial;
}

/* nested (level 2+) arrows point sideways, matching the sideways flyout */
.sub-menu .sub-menu .menu-item-has-children > a .sub-arrow i.fa::before,
.sub-menu .menu-item-has-children > a .sub-arrow i.fa::before {
  content: "\25B8"; /* small right-pointing triangle */
}

.menu-item-has-children:hover > ul.sub-menu,
.menu-item-has-children:focus-within > ul.sub-menu {
  display: block !important;
  width: max-content !important;
  min-width: 220px !important;
}

.menu-item-has-children > ul.sub-menu li > a {
  white-space: nowrap;
  display: block;
}

/* Nested submenus (2nd level and deeper) flyout to the right of their
   parent item instead of stacking below it — the theme relies on JS
   (SmartMenus) to compute this per-instance; this is the standard
   pure-CSS multi-level dropdown equivalent. */
.sub-menu .sub-menu {
  top: 0 !important;
  left: 100% !important;
  margin-left: 2px;
}