/* ============================================================
   Compact 2026 navbar — loaded when params.navStyle != "classic".
   Restyles the existing BeautifulHugo navbar markup (menus,
   Related Pages hover, language switch, Palapian font toggle).
   ============================================================ */

body.nav-redesign {
  /* room for the fixed compact bar (classic pages already have intro-header margin) */
}

body.nav-redesign .navbar-custom.navbar-redesign {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  min-height: 64px;
  overflow: visible;
}

body.nav-redesign .navbar-custom.navbar-redesign > .container-fluid {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media only screen and (min-width: 768px) {
  body.nav-redesign .navbar-custom.navbar-redesign {
    padding: 6px 0;
  }
  body.nav-redesign .navbar-custom.navbar-redesign.top-nav-short {
    padding: 6px 0;
  }
}

body.nav-redesign .navbar-custom.navbar-redesign .navbar-brand,
body.nav-redesign .navbar-custom.navbar-redesign .nav li a {
  text-transform: none;
  letter-spacing: 0;
  font-size: 14.5px;
  font-weight: 600;
  color: #4a4a4a;
}

body.nav-redesign .navbar-custom.navbar-redesign .navbar-brand {
  font-size: 20px;
  font-weight: 800;
  color: #1b1b1b;
}

body.nav-redesign .navbar-custom.navbar-redesign .navbar-brand:hover,
body.nav-redesign .navbar-custom.navbar-redesign .navbar-brand:focus,
body.nav-redesign .navbar-custom.navbar-redesign .nav li a:hover,
body.nav-redesign .navbar-custom.navbar-redesign .nav li a:focus {
  color: #087f8c;
}

body.nav-redesign .navbar-custom.navbar-redesign .nav .navlinks-container:hover {
  background: transparent;
}

body.nav-redesign .navbar-custom.navbar-redesign .nav .navlinks-container .navlinks-children a {
  background: #fff;
  border-color: #eaeaea;
  font-size: 14.5px;
  font-weight: 600;
  text-transform: none;
}

body.nav-redesign .navbar-custom.navbar-redesign .nav-lang {
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  padding: 4px 10px !important;
  margin: 10px 8px;
  font-size: 13.5px;
  line-height: 1.3;
}

body.nav-redesign .navbar-custom.navbar-redesign .navbar-toggle {
  border-color: #d7d7d7;
  margin-top: 14px;
}
body.nav-redesign .navbar-custom.navbar-redesign .navbar-toggle .icon-bar {
  background-color: #4a4a4a;
}
body.nav-redesign .navbar-custom.navbar-redesign .navbar-toggle:hover,
body.nav-redesign .navbar-custom.navbar-redesign .navbar-toggle:focus {
  background: #f4f4f4;
}

/* Related Pages popup must sit above page content and not be clipped */
body.nav-redesign .navbar-custom.navbar-redesign,
body.nav-redesign .navbar-custom.navbar-redesign .container-fluid,
body.nav-redesign .navbar-custom.navbar-redesign .navbar-collapse,
body.nav-redesign .navbar-custom.navbar-redesign .navbar-nav,
body.nav-redesign .navbar-custom.navbar-redesign .nav > li {
  overflow: visible;
}
body.nav-redesign .navbar-custom.navbar-redesign .slow_hover .hover_popup {
  z-index: 1040;
}
body.nav-redesign .navbar-custom.navbar-redesign.navbar-default .navbar-nav > li.active > a,
body.nav-redesign .navbar-custom.navbar-redesign.navbar-default .navbar-nav > li.active > a:hover,
body.nav-redesign .navbar-custom.navbar-redesign.navbar-default .navbar-nav > li.active > a:focus,
body.nav-redesign .navbar-custom.navbar-redesign .nav > li.active > a,
body.nav-redesign .navbar-custom.navbar-redesign .nav > li.active .slow_hover > a,
body.nav-redesign .navbar-custom.navbar-redesign .nav > li.active .slow_hover > a:hover,
body.nav-redesign .navbar-custom.navbar-redesign .nav > li.active .slow_hover > a:focus {
  color: #087f8c;
  background: transparent;
  background-image: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

/* Footer social stacks: gray circles, teal on hover */
body.nav-redesign footer .footer-links a {
  color: #404040;
}
body.nav-redesign footer .footer-links a:hover .fa-circle,
body.nav-redesign footer .footer-links a:focus .fa-circle {
  color: #087f8c;
}

/* Homepage has no intro-header; offset the fixed bar */
body.home-page.nav-redesign {
  padding-top: 64px;
}

/* Slightly tighter offset than the original 80px tall bar */
body.nav-redesign:not(.home-page) .intro-header {
  margin-top: 64px;
}
body.nav-redesign:not(.home-page) .intro-header.big-img {
  margin-top: 56px;
}