/* Universal Navigation SPACING v3 - MAXIMUM SPECIFICITY */
html body header nav,
html body .header-inner nav,
header .container .header-inner nav,
.container .header-inner nav { 
  display: flex !important; 
  align-items: center !important; 
  gap: 1.75rem !important; 
  flex-wrap: nowrap !important;
}

html body header nav a,
html body .header-inner nav a,
header .container .header-inner nav a,
.container .header-inner nav a { 
  padding: 0.5rem 0.75rem !important; 
  border-radius: 0.5rem !important; 
  font-size: 0.9375rem !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

html body header nav a.btn,
html body header nav a.btn-primary,
html body .header-inner nav a.btn,
html body .header-inner nav a.btn-primary { 
  padding: 0.625rem 1.25rem !important;
  border-radius: 0.5rem !important;
}

.mobile-menu-btn {
  display: none !important;
}

@media (max-width: 900px) {
  html body header nav,
  html body .header-inner nav,
  header .container .header-inner nav { display: none !important; }
  .mobile-menu-btn { display: block !important; }
}

/* Active page indicator - underline */
html body header nav a.active,
html body .header-inner nav a.active,
header .container .header-inner nav a.active,
.container .header-inner nav a.active {
  color: white !important;
  position: relative !important;
}

html body header nav a.active::after,
html body .header-inner nav a.active::after,
header .container .header-inner nav a.active::after,
.container .header-inner nav a.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0.75rem !important;
  right: 0.75rem !important;
  height: 2px !important;
  background: var(--blue-400, #60a5fa) !important;
  border-radius: 1px !important;
}
