/* Jupiter Science - header fixes.
   Selectors are prefixed with .jps-header-nav-stack so they beat the header's own CSS
   even when that CSS is printed later in the page (inside the Divi code module). */

/* Desktop: hover bridge so the menu does not close while the pointer crosses the 10px gap */
@media (min-width:981px){
  .jps-header-nav-stack .jps-lite-dropdown::after,
  .jps-header-nav-stack .jps-mega-dropdown::after{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}

  /* Mega menus anchor to the nav row, so they can never run off the right edge */
  .jps-header-nav-stack .jps-lite-nav .jps-lite-item.has-mega{position:static !important}
}

/* Narrow desktops: the full nav needs ~1140px but the mobile menu only starts at 980px */
@media (min-width:981px) and (max-width:1180px){
  .jps-header-nav-stack .jps-lite-nav-inner{gap:2px}
  .jps-header-nav-stack .jps-lite-link{padding:0 8px;gap:4px;font-size:11.5px;letter-spacing:.02em}
  .jps-header-nav-stack .jps-lite-link::before{display:none}
}

.jps-header-nav-stack .jps-lite-dropdown,
.jps-header-nav-stack .jps-mega-dropdown{box-sizing:border-box}

/* Contrast: small pink text and white-on-pink fail WCAG AA */
.jps-header-nav-stack .jps-mega-col h4{color:#C4155A}
.jps-header-nav-stack .jps-lite-link:hover,
.jps-header-nav-stack .jps-lite-link.is-active{background:linear-gradient(135deg,#002CD0,#8A2BEF)}
.jps-header-nav-stack .jps-important-links-section{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,61,127,.22), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(255,210,63,.20), transparent 30%),
    linear-gradient(90deg,#101B4D 0%,#00219e 45%,#5B22C9 100%);
}