/* 9amLeads — mobile nav fallback for legacy sub-pages that have NO
   hamburger/drawer of their own. Loaded last (after page CSS) so it
   wins. Only relevant ≤820px; desktop untouched. */
@media (max-width: 820px) {
  nav {
    flex-wrap: wrap !important;
    gap: 6px 12px;
    padding: 12px 16px;
  }
  nav > a.logo { flex: 1 1 auto; }
  nav .nav-links {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 6px;
    order: 2;
    padding: 0 !important;
    background: none !important;
    backdrop-filter: none !important;
    border: none !important;
  }
  nav .nav-links a {
    display: inline-block !important;
    padding: 7px 11px !important;
    font-size: 12.5px !important;
    margin-left: 0 !important;
    margin-top: 4px;
  }
  nav .nav-links .btn-nav { padding: 7px 14px !important; }
  nav .hamburger { display: none !important; }
}
