/* RG 2026 brand refresh — the footer (src/brand-2026.ts), served at /_rg2026/footer.css on every page.

   Resources moved from the header menu into the footer (src/data/site.ts resourcesToFooter, owner 2026-11-04): with it
   the footer has four columns, so from 600px they share one row instead of three plus a lone fourth (shell.css sets
   three a row). The four always share one row, as a grid of content-sized columns spread across the menus' width:
   short columns keep their links on one line, and only when space runs out does the longest link wrap inside its
   column (.com.au's "EV Charging Stations: Australia") — never a column onto a new row. Titles stay on one line, so
   the links start level. Phones keep two a row (2 + 2). */
@media (min-width: 600px) {
  .footer__menus:has(> .footer__menu:nth-child(4):last-child) {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
  }

  .footer__menus:has(> .footer__menu:nth-child(4):last-child) > .footer__menu {
    width: auto;
    max-width: none;
  }

  .footer__menus:has(> .footer__menu:nth-child(4):last-child) .footer__menu-title {
    white-space: nowrap;
  }
}

/* The footer in sailor navy's lighter step (chrome.css --rg26-navy-footer; Carla 2026-11-04 "sailor navy it is", docs
   rg-navy-mocks option 1 — today's #213948 is the same step from #162a36). Its logo is the inverse: white tiles, navy
   letters, the banana S tile (logo-on-dark.svg; "still need an inverted logo for the footer"). */
body .footer {
  background-color: var(--rg26-navy-footer);
}