/* Site UI owns the desktop indicator, not menu layout or dropdown events.
 * Anchor-local decoration avoids RealFactory's shared-bar .position() offset
 * when top-level li positioning is used for submenu alignment.
 * Cloud-authored; local service was unavailable before inference.
 */
@media (min-width: 1000px) {
  .realfactory-main-menu > .realfactory-navigation-slide-bar {
    display: none !important;
  }

  .realfactory-main-menu > .sf-menu > li > a {
    position: relative;
  }

  .realfactory-main-menu > .sf-menu > li > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #ffca28;
    pointer-events: none;
    opacity: 0;
    transform: scaleX(.65);
    transform-origin: center;
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .realfactory-main-menu > .sf-menu > li:is(.current-menu-item, .current-menu-ancestor) > a::before {
    opacity: 1;
    transform: scaleX(1);
  }

  /* One indicator: focus takes priority, then hover, then the current page. */
  .realfactory-main-menu > .sf-menu:has(> li:is(:hover, :focus-within)) > li > a::before {
    opacity: 0;
    transform: scaleX(.65);
  }

  .realfactory-main-menu > .sf-menu:not(:has(> li:focus-within)) > li:hover > a::before,
  .realfactory-main-menu > .sf-menu:has(> li:focus-within) > li:focus-within > a::before {
    opacity: 1;
    transform: scaleX(1);
  }

  .realfactory-main-menu > .sf-menu > li > a:focus-visible {
    outline: 2px solid #ffca28;
    outline-offset: 4px;
  }
}

@media (min-width: 1000px) and (prefers-reduced-motion: reduce) {
  .realfactory-main-menu > .sf-menu > li > a::before {
    transition: none;
  }
}
