/* Neon "RESALE RASCALS" wordmark (assets/opt/rr-wordmark-*.webp, about 14.2:1).
   Used on the landing page and the public pages. The dashboard shell styles its own
   copy in dashboard.css (sidebar) and shell.css (mobile bar + drawer).
   The asset carries its own purple glow and only reads on a dark background:
   keep it off light surfaces. Sizes are set by height (nav) or width (hero, footer);
   the other side follows the image's own ratio. */

/* nav: next to the round logo icon. Beats ".nav-brand img{width:28px;height:28px}". */
.nav-brand img.rr-wm{width:auto;height:18px;flex-shrink:0;max-width:none}
@media (max-width:640px){
  .nav-brand img.rr-wm{height:15px}
}
@media (max-width:374px){
  .nav-brand img.rr-wm{height:13px}
}
/* Pages whose nav also carries a Join button (class wm-tight) run out of room in two
   bands: phones below 560px (brand + Join + burger) and 721 to 1100px, where the
   text links are still showing. There the brand falls back to the old icon + plain
   text, so those widths look exactly as before. */
.nav-brand .nav-brand-txt{display:none}
@media (max-width:560px),(min-width:721px) and (max-width:1100px){
  .nav-brand.wm-tight img.rr-wm{display:none}
  .nav-brand.wm-tight .nav-brand-txt{display:inline}
}
/* legal pages (EN | ES toggle only) fit the wordmark down to 375px */
@media (max-width:374px){
  .nav-brand.wm-xs img.rr-wm{display:none}
  .nav-brand.wm-xs .nav-brand-txt{display:inline}
}

/* public-page footer: the wordmark is the brand line */
.foot-brand img.rr-wm{display:block;width:300px;max-width:100%;height:auto;margin:0 auto}

/* landing footer: logo icon + wordmark side by side */
.foot-brand .foot-lockup{display:flex;align-items:center;gap:12px}
.foot-brand .foot-lockup img{flex-shrink:0}
.foot-brand .foot-lockup img.rr-wm{width:224px;max-width:calc(100% - 52px);height:auto;margin:0}

/* No second wordmark in the landing hero (owner 2026-10-08): the nav one is enough. */