/* ===== NAV: white text + yellow UNDERLINE with glow ===== */
:root{
  --nav-underline: #ffae00;            /* yellow */
  --nav-underline-thickness: 3px;      /* line height */
  --nav-underline-gap: 6px;            /* gap below text */
}

/* target any top-bar nav anchor, left and right menus */
.navbar .navbar-nav > li > a,
.navbar .navbar-nav .nav-link{
  position: relative;
  display: inline-block;
  color: #fff !important;              /* keep text white */
  background: transparent !important;
  border-radius: 0 !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
}

/* the underline "bar" */
.navbar .navbar-nav > li > a::after,
.navbar .navbar-nav .nav-link::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--nav-underline-gap);
  height: var(--nav-underline-thickness);
  background: var(--nav-underline);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s ease-in-out;
  will-change: transform;
  border-radius: 2px;
}

/* show + glow on hover/focus/active/current */
.navbar .navbar-nav > li > a:hover::after,
.navbar .navbar-nav > li > a:focus::after,
.navbar .navbar-nav > li.active > a::after,
.navbar .navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link:focus::after,
.navbar .navbar-nav .nav-link.active::after,
.navbar .navbar-nav .nav-item.active > .nav-link::after{
  transform: scaleX(1);
  box-shadow:
    0 0 6px rgba(255,174,0,.75),
    0 0 14px rgba(255,174,0,.45);       /* glow */
}

/* ensure the text never turns yellow on active/hover */
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus{
  color: #fff !important;
}

/* respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .navbar .navbar-nav > li > a::after,
  .navbar .navbar-nav .nav-link::after{ transition: none; }
}


/* Remove native underline everywhere in the top nav (including profile) */
.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar a:visited,
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:active {
  text-decoration: none !important;
  text-decoration-color: transparent !important; /* belt & suspenders */
  border-bottom: none !important;                /* in case a theme adds it */
}

/* keep our yellow underline + glow (unchanged) */
:root{
  --nav-underline: #ffae00;
  --nav-underline-thickness: 3px;
  --nav-underline-gap: 6px;
}

.navbar .navbar-nav > li > a,
.navbar .navbar-nav .nav-link{
  position: relative;
  display: inline-block;
  color: #fff !important;
  background: transparent !important;
}

.navbar .navbar-nav > li > a::after,
.navbar .navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom: var(--nav-underline-gap);
  height: var(--nav-underline-thickness);
  background: var(--nav-underline);  /* yellow from the start */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s ease-in-out;
  border-radius:2px;
}

.navbar .navbar-nav > li > a:hover::after,
.navbar .navbar-nav > li > a:focus::after,
.navbar .navbar-nav > li.active > a::after,
.navbar .navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link:focus::after,
.navbar .navbar-nav .nav-link.active::after,
.navbar .navbar-nav .nav-item.active > .nav-link::after{
  transform: scaleX(1);
  box-shadow: 0 0 6px rgba(255,174,0,.75), 0 0 14px rgba(255,174,0,.45);
}

/* keep text white on hover/active */
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus{
  color:#fff !important;
}

/* --- Boost the yellow glow --- */
:root{
  --nav-underline: #ffae00;
  --nav-underline-thickness: 3px;
  --nav-underline-gap: 6px;
  /* stronger glow */
  --nav-glow-1: rgba(255,174,0,.95);
  --nav-glow-2: rgba(255,174,0,.60);
  --nav-glow-3: rgba(255,174,0,.38);
}

/* nuke any native underline or bottom borders (all states) */
.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .navbar-nav .nav-link {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* make sure our bar is the only underline, including the last/right item */
.navbar .navbar-nav > li > a,
.navbar .navbar-nav .nav-link{
  position: relative;
  display: inline-block;
  color: #fff !important;
  background: transparent !important;
}

.navbar .navbar-nav > li > a::after,
.navbar .navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom: var(--nav-underline-gap);
  height: var(--nav-underline-thickness);
  background: var(--nav-underline);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s ease-in-out;
  border-radius: 3px;
}

/* show bar + glow on hover/active */
.navbar .navbar-nav > li > a:hover::after,
.navbar .navbar-nav > li > a:focus::after,
.navbar .navbar-nav > li.active > a::after,
.navbar .navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link:focus::after,
.navbar .navbar-nav .nav-link.active::after,
.navbar .navbar-nav .nav-item.active > .nav-link::after{
  transform: scaleX(1);
  box-shadow:
    0 0 10px var(--nav-glow-1),
    0 0 20px var(--nav-glow-2),
    0 0 34px var(--nav-glow-3);
}

/* explicitly cover the right-most item (profile) as well */
.navbar .navbar-nav > li:last-child > a::after{
  background: var(--nav-underline) !important;
}
.navbar .navbar-nav > li:last-child > a:hover::after,
.navbar .navbar-nav > li:last-child > a:focus::after{
  transform: scaleX(1);
  box-shadow:
    0 0 10px var(--nav-glow-1),
    0 0 20px var(--nav-glow-2),
    0 0 34px var(--nav-glow-3);
}

/* keep link text white when highlighted */
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus{
  color:#fff !important;
}


/* Kill any native underline in the navbar (all states, all links) */
nav.navbar a,
nav[role="banner"] a,
.navbar .nav-link,
.navbar .navbar-nav > li > a,
.navbar .navbar-right > li > a,
.navbar .profile > a {
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 0 !important;
  border-bottom: none !important;
  background-image: none !important;
}

/* Ensure the profile (rightmost) uses the same yellow bar */
.navbar .profile > a::after {
  background: var(--nav-underline) !important;
  bottom: var(--nav-underline-gap);
  height: var(--nav-underline-thickness);
}
.navbar .profile > a:hover::after,
.navbar .profile > a:focus::after,
.navbar .profile > a.active::after{
  transform: scaleX(1);
  box-shadow:
    0 0 10px rgba(255,174,0,.95),
    0 0 20px rgba(255,174,0,.60),
    0 0 34px rgba(255,174,0,.38);
}