/* Light nav overrides for compare pages (nav sits outside <main>).
   Nav appearance only — typography uses Poppins via compare-pages.css. */

#navbar-template .fa,
#navbar-template .fas,
#navbar-template .far,
#navbar-template .fab,
footer.main-footer .fa,
footer.main-footer .fas,
footer.main-footer .far,
footer.main-footer .fab {
  font-family: "Font Awesome 6 Free" !important;
}

#navbar-template .fab,
footer.main-footer .fab {
  font-family: "Font Awesome 6 Brands" !important;
}

#navbar-template .bi,
footer.main-footer .bi {
  font-family: "bootstrap-icons" !important;
}

#navbar-template.bg-dark {
  background-color: #fff !important;
}

#navbar-template {
  border-bottom: 1px solid var(--color-gray-100);
  padding-bottom: 10px;
}

#navbar-template.navbar-dark .navbar-nav .nav-link {
  color: var(--color-gray-950) !important;
}

#navbar-template.navbar-template-dark .navbar-nav a.nav-link {
  color: var(--color-gray-950) !important;
}

#navbar-template.navbar-dark .navbar-nav .nav-link:hover,
#navbar-template.navbar-dark .navbar-nav .nav-link:focus,
#navbar-template.navbar-template-dark .navbar-nav a.nav-link:hover {
  color: var(--color-blue-700) !important;
}

#navbar-template.navbar-dark .navbar-toggler {
  border-color: rgba(17, 20, 23, 0.2);
}

#navbar-template.navbar-dark .navbar-toggler-icon {
  filter: brightness(0);
  opacity: 0.75;
}

#navbar-template .top-bar-icon a,
#navbar-template .navbar-brand-envelope i {
  color: var(--color-gray-950) !important;
}

#navbar-template .display-name-profile {
  color: var(--color-gray-500) !important;
}

/* Full-color logo on white nav (default template uses light logo for dark nav) */
#navbar-template .navbar-brand img {
  content: url('/MainSite/images/ti-logo-2003-full-color.svg');
}