/* topbar.css - the horizontal top menu, shared by the WordPress theme
   and the static pages (/hardware/, /sim-utilities/, /flightplanbridge/).
   The links themselves are hardcoded in header.php and in each static page. */
.topbar { display: flex; align-items: center; gap: 4px; margin-left: auto; margin-right: 12px; }
.topbar a { padding: 6px 10px; border-radius: 999px; color: #a7b0ba; text-decoration: none; font-size: 14px; white-space: nowrap; }
.topbar a:hover { color: #f2f4f6; background: #242a30; text-decoration: none; }
.topbar a[aria-current="page"] { color: #f2f4f6; background: #242a30; box-shadow: inset 0 -2px 0 #f47327; }
/* Theme pages: under 800px the bar hides and the hamburger menu takes over. */
@media (max-width: 799px) { .site-header .topbar { display: none; } }
/* Static pages have no hamburger, so the bar scrolls sideways instead. */
header .wrap.has-topbar { gap: 12px; }
@media (max-width: 799px) {
  header .wrap.has-topbar { flex-wrap: wrap; padding-top: 6px; }
  header .wrap.has-topbar .topbar { margin: 0 -10px 6px; width: calc(100% + 20px); overflow-x: auto; }
}