/* MOTTA_SAFETY_NAVIGATION_FIX_V111
   Keep shared navigation labels readable. On smaller screens the menu
   scrolls horizontally instead of breaking words into individual letters. */
.topbar {
  overflow: visible;
}
.topbar nav {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: clamp(.7rem, 1.4vw, 1.35rem);
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.topbar nav a,
.topbar .brand,
.mobile-nav a {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none;
}
.topbar nav a {
  min-width: max-content;
}
@media (max-width: 900px) {
  .topbar {
    gap: .75rem;
  }
  .topbar nav {
    justify-content: flex-start;
    padding-block: .35rem;
  }
}
@media (max-width: 640px) {
  .topbar nav {
    width: 100%;
    order: 3;
  }
}