/* ============================================================
   BLUE TITLE BAR — navy navbar with white logo + text.
   Loaded AFTER shared.css on blue-palette pages so these rules win.
   Footer brand is untouched (only .nav scope here).
   ============================================================ */

.nav,
.nav.scrolled {
  background: var(--color-navy);
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

/* Brand becomes the white logo image */
.nav .brand-img {
  display: inline-flex;
  align-items: center;
}
.nav .brand-img img {
  display: block;
  height: 30px;
  width: auto;
}

/* All nav text white */
.nav .nav-links {
  color: #FFFFFF;
}
.nav .nav-links a,
.nav .nav-links .has-dd {
  color: #FFFFFF;
}
.nav .nav-links a:hover {
  color: rgba(255, 255, 255, 0.72);
}

/* CTA white with white underline */
.nav .nav-cta {
  color: #FFFFFF;
}
.nav .nav-cta::after {
  background: #FFFFFF;
}

/* Hamburger toggle white on the navy bar */
.nav .nav-toggle {
  color: #FFFFFF;
}
.nav .nav-toggle:hover {
  color: rgba(255, 255, 255, 0.72);
}