/**
 * Site header nav dropdown (StellarNav, theme-owned markup/JS) — styled from here
 * because the menu itself now carries Edge-related items (Signup/Signin) and the
 * theme's default dropdown (dark-grey bg, #777 text — low contrast) needed fixing.
 * Loads on every front-end page since the header is global, unlike edge-public.css.
 */

.stellarnav.light ul ul,
.stellarnav ul ul {
  background: #101317;
  border-top: 2px solid #056cd3;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

.stellarnav.light li li a,
.stellarnav li li a {
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
}

/* Theme's default hover state injects a Font Awesome 5 Pro glyph (\f39b) via ::after — that font
   isn't loaded here, so it renders as a stray fallback box sitting on top of the link text, and
   the theme also shifts hover color to green and padding-left to make room for it. Kill the icon
   and pin our own color so the hover state is just a clean highlight, no phantom box. !important
   is needed since the theme's own hover rule matches this exact selector with equal specificity. */
.stellarnav.light li li a:after,
.stellarnav li li a:after {
  content: none !important;
  display: none !important;
}

.stellarnav.light li li a:hover,
.stellarnav li li a:hover {
  color: #00ade7 !important;
  background: rgba(255, 255, 255, 0.06);
  padding-left: 20px !important;
}