/* ETW Trades — mobile header wordmark patch.
   The header logo ("link-logo") renders the round mark plus an "ETW
   TRADES" wordmark, but the wordmark span is Tailwind's `hidden …
   sm:block` — display:none below the 640px breakpoint. On phones that
   leaves only a bare circle in the header with no brand name at all.
   This restores the wordmark at every width and tunes its proportions
   so it sits comfortably next to the mark on narrow screens. */

a[data-testid="link-logo"] {
  min-width: 0;
}

a[data-testid="link-logo"] span.hidden {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
}

@media (max-width: 639px) {
  a[data-testid="link-logo"] {
    gap: 9px;
  }
  a[data-testid="link-logo"] img {
    height: 34px !important;
    width: 34px !important;
    flex-shrink: 0;
  }
  a[data-testid="link-logo"] span.hidden {
    font-size: 0.7rem;
    letter-spacing: 0.11em;
  }
}

@media (max-width: 359px) {
  a[data-testid="link-logo"] span.hidden {
    font-size: 0.64rem;
    letter-spacing: 0.08em;
  }
}