/* PhoneFarm shared public-site navigation. The app has its own UI. */
.site-header .nav-links a { white-space: nowrap; }
.site-header .nav-links a[aria-current="location"] { color: var(--text); }
.site-header .nav-links a.nav-app-mobile { display: none; }
@media (min-width: 941px) and (max-width: 1100px) {
  .site-header .nav { gap: 16px; }
  .site-header .nav-links { gap: 14px; margin-left: 0; }
  .site-header .nav-links a { font-size: .9rem; }
}
@media (max-width: 940px) {
  .site-header .nav-links {
    display: none; position: absolute; top: 64px; left: 0; right: 0;
    flex-direction: column; gap: 0; margin: 0; padding: 8px 20px 16px;
    background: var(--bg); border-bottom: 1px solid var(--border);
    z-index: 100; box-shadow: 0 14px 24px rgba(0,0,0,.12);
  }
  .site-header .nav-links.open { display: flex; }
  .site-header .nav-links a { padding: 12px 0; font-size: 1rem; }
  .site-header .nav-links a.nav-app-mobile {
    display: block; margin-top: 8px; padding: 12px 16px; text-align: center;
    background: var(--accent); color: #061d19; border-radius: 10px; font-weight: 700;
  }
  .site-header .menu-btn { display: grid; }
  .site-header .nav-end .btn { display: none; }
}