/* AlphaTango customisations layered on top of the Lovable build (see tools/build.py). */

/* Emblem to the left of the ALPHATANGO wordmark in the top-left header, on every page.
   Spacing goes on the emblem (margin), not the link (gap): "Alpha" and "Tango" are
   separate flex items and must stay touching, since the wordmark is always one word. */
header a[href="/"].font-display {
  display: inline-flex;
  align-items: center;
}
header a[href="/"].font-display::before {
  content: "";
  flex: none;
  width: 1.6em;
  height: 2.6em;
  margin-right: 0.6rem;
  background: url(/assets/at-logo-mark.png) center / contain no-repeat;
}

/* Narrow phones: smaller emblem so the wordmark doesn't crowd the header button. */
@media (max-width: 480px) {
  header a[href="/"].font-display::before { width: 1.2em; height: 2em; margin-right: 0.4rem; }
}