/* =====================================================================
   cm-navline.css — the sliding gold nav underline (see cm-navline.js).
   The bar is absolutely positioned inside the link row and moved with a
   transform, so it never pushes anything. It only exists once JS adds it.
   ===================================================================== */
@media (min-width:821px){ nav.nav .nav-links.cm-navline-host{ position:relative; } }
nav.navbar .nav-primary.cm-navline-host{ position:relative; }

.cm-navline{
  position:absolute; left:0; bottom:-7px;
  width:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--gold-deep, #C9A24B), var(--gold, #E3C77A));
  box-shadow:0 0 10px rgba(227,199,122,.45);
  opacity:0;
  pointer-events:none;
  will-change:transform, width;
}
/* never inside the mobile dropdown */
@media (max-width:820px){ nav.nav .nav-links .cm-navline{ display:none; } }
