/**
 * Nav menu - orange hover, brand #FF6600, professional & uniform, mobile-first
 * Applied across all pages for consistent nav interaction
 */
#mainNav .nav-links > li > a:hover,
#mainNav .nav-links > li > a:active,
#mainNav .nav-links a:hover,
#mainNav .nav-links a:active {
  color: #FF6600 !important;
  background: rgba(255, 102, 0, 0.06) !important;
}
/* Dropdown parent link */
#mainNav .nav-dropdown > a:hover,
#mainNav .nav-dropdown > a:active,
#mainNav .nav-dropdown.open > a {
  color: #FF6600 !important;
  background: rgba(255, 102, 0, 0.06) !important;
}
/* Dropdown sub-links */
#mainNav .nav-dropdown-content a:hover,
#mainNav .nav-dropdown-content a:active {
  color: #FF6600 !important;
  background: rgba(255, 102, 0, 0.06) !important;
}
/* Dropdown links & labels - no underlines / divider lines under headings */
#mainNav .nav-dropdown-content a,
#mainNav .nav-dropdown-content a:link,
#mainNav .nav-dropdown-content a:visited,
#mainNav .nav-dropdown-content a:hover,
#mainNav .nav-dropdown-content a:active,
#mainNav .nav-dropdown-content a:focus,
#mainNav .nav-dropdown-content a:focus-visible {
  text-decoration: none !important;
  text-decoration-line: none !important;
}
#mainNav .nav-dropdown-content .nav-dropdown-label {
  border-bottom: none !important;
}
/* Smooth transition for nav links */
#mainNav .nav-links > li > a,
#mainNav .nav-links a,
#mainNav .nav-dropdown-content a {
  transition: color 0.2s ease, background 0.2s ease !important;
}

/* Primary nav - all caps, slightly smaller labels for a tighter bar */
#mainNav .nav-links > li > a,
#mainNav .nav-dropdown > a {
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}
#mainNav .cta-nav {
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}
#mainNav .nav-dropdown-content a {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}
/* Mobile / fullscreen menu - override inline 600 !important blocks on some pages */
@media (max-width: 1024px) {
  #mainNav.menu-open .nav-links > li > a,
  #mainNav.menu-open .nav-dropdown > a {
    font-weight: 400 !important;
  }
  #mainNav.menu-open .nav-dropdown-content a {
    font-weight: 400 !important;
  }
  #mainNav.menu-open .nav-dropdown-content .nav-dropdown-label {
    font-weight: 400 !important;
  }
  #mainNav.menu-open .cta-nav {
    font-weight: 400 !important;
  }
}
@media (max-width: 1024px) {
  #mainNav.menu-open .nav-links > li > a {
    font-size: clamp(0.875rem, 2.5vw, 1rem) !important;
    letter-spacing: 0.06em;
  }
}

/* Desktop: match homepage — rounded hover “pills” (orange/gray fills are not square blocks) */
@media (min-width: 1025px) {
  #mainNav .nav-links > li > a,
  #mainNav .nav-dropdown > a {
    border-radius: 12px !important;
  }
  #mainNav .nav-dropdown-content a {
    border-radius: 6px !important;
  }
}

/* Footer - orange hovers (match nav #FF6600) */
footer .footer-col a:hover,
footer .footer-col a:focus-visible,
footer .footer-col a:active {
  color: #FF6600 !important;
}
footer .footer-contact-item a:hover,
footer .footer-contact-item a:focus-visible,
footer .footer-contact-item a:active {
  color: #FF6600 !important;
}
footer .footer-legal a:hover,
footer .footer-legal a:focus-visible,
footer .footer-legal a:active {
  color: #FF6600 !important;
}
footer .footer-social a:hover,
footer .footer-social a:focus-visible,
footer .footer-social a:active {
  color: #FF6600 !important;
  border-color: rgba(255, 102, 0, 0.55) !important;
  background: rgba(255, 102, 0, 0.12) !important;
}
footer .footer-back-top:hover,
footer .footer-back-top:focus-visible,
footer .footer-back-top:active {
  color: #ffffff !important;
  background: #FF6600 !important;
  border-color: #FF6600 !important;
  box-shadow: 0 4px 14px rgba(255, 102, 0, 0.35) !important;
}
footer .footer-brand .logo:hover,
footer .footer-brand .logo:focus-visible {
  opacity: 1 !important;
  filter: drop-shadow(0 0 10px rgba(255, 102, 0, 0.5)) !important;
}
footer .footer-brand .logo:focus-visible {
  outline: 2px solid #FF6600 !important;
  outline-offset: 4px !important;
}
