/* Extras: menu decorations and small UI tweaks */

/* Main menu decorative underline */
.primary-nav a {
  position: relative;
  padding: 8px 12px;
  border-radius: 10px;
}

.primary-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  bottom: -6px;
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, var(--up-primary), var(--up-primary-2));
  border-radius: 3px;
  transition: transform 220ms cubic-bezier(.2,.9,.3,1);
  transform-origin: center;
}

.primary-nav a:hover::after,
.primary-nav a:focus::after,
.primary-nav .current-menu-item > a::after {
  transform: translateX(-50%) scaleX(1);
}

.primary-nav .current-menu-item > a {
  color: var(--up-primary);
  font-weight: 800;
}

/* small caret for dropdowns (if any) */
.primary-nav li.menu-item-has-children > a::after {
  content: "\25BE";
  display: inline-block;
  margin-left: 8px;
  font-size: 0.7em;
  vertical-align: middle;
  opacity: 0.8;
}

/* subtle background on hover */
.primary-nav a:hover {
  background: rgba(22,98,255,0.06);
}

/* ensure menu fits in header */
.site-header .primary-nav {
  display: flex;
  align-items: center;
}