/* rescue-nav-fix.css — added 2026-08-22
   Fixes the mobile header on narrow phones: the logo image had no max-width,
   so on a 390px screen it pushed the red call button on top of the wordmark.
   Purely additive, only inside max-width media queries. */

@media (max-width: 720px) {
  .nav, .b-nav, .h-nav, .u-nav { gap: 10px; }

  .nav-brand, .b-nav-logo, .h-nav-logo { flex: 0 1 auto; min-width: 0; }
  .nav-brand img,
  .b-nav-logo img,
  .h-nav-logo img,
  .nav > a:first-child img { max-width: min(46vw, 190px); height: auto; }

  .nav-call, .nav-cta, .b-nav-cta, .h-nav-cta {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px 13px;
    font-size: 12.5px;
    line-height: 1;
  }
}

@media (max-width: 400px) {
  .nav-brand img,
  .b-nav-logo img,
  .h-nav-logo img,
  .nav > a:first-child img { max-width: 42vw; }

  .nav-call, .nav-cta, .b-nav-cta, .h-nav-cta {
    padding: 9px 11px;
    font-size: 11.5px;
    gap: 6px;
  }
}