/*
 * Site-wide fixes on top of Yoffa, loaded on every page from default.hbs.
 * Kept outside the Tailwind build so it can change without rebuilding app.css.
 */

/* Mobile header: the text logo in a wide font (e.g. Space Mono) plus the
   Subscribe, search and menu buttons don't fit at phone widths, and the logo
   was being pushed off the left edge. Let the logo shrink to fit instead. */
@media (max-width: 767px) {
  [data-header-brand] {
    min-width: 0;
  }

  [data-brand] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  [data-text-logo] {
    font-size: clamp(0.85rem, 3.9vw, 1.5rem);
  }
}

@media (max-width: 420px) {
  [data-header-actions] [data-portal="signup"] {
    padding: 0.35rem 0.6rem;
    font-size: 0.75rem;
  }
}