/* ---------------------------------------------------------------------------
   Brands 2026 — page-specific
   ---------------------------------------------------------------------------
   Depends on rb26-core.css for tokens and the .rb26-brand card, which this page
   reuses from the homepage. Only the grid differs: 15 brands rather than 4, so
   the track floor drops to 240px to get three or four up rather than a very
   wide two.
   --------------------------------------------------------------------------- */

.rb26-brandgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 22px;
	align-items: stretch;
}

/* Logos here come from the media library at mixed aspect ratios, so the slot is
   fixed and the image is contained inside it. Without this the cards' copy
   would start at a different height in every column. */
#rb26-brands .rb26-brand-logo {
	height: 54px;
	margin-bottom: 20px;
}
#rb26-brands .rb26-brand-logo img {
	max-height: 54px;
	max-width: 190px;
	width: auto;
	object-fit: contain;
	object-position: left center;
}

/* Placeholder styling for the Blackmon Auctions card, which ships without a
   description because the source repeated another brand's copy. Deliberately
   muted and italic so it reads as missing rather than as real copy. */
.rb26-brand-nocopy {
	font-style: italic;
	color: #8496a9;
}

/* Per-brand logo size correction (v2, 2026-08-24) — Mascus and SmartEquip
   are compact wordmarks that look oversized at the shared 54px slot height;
   BigIron and Allied are much taller-proportioned than the ~4.7:1 ratio most
   logos use, so contained at 54px they render far narrower than their
   neighbours (same root cause as the homepage ticker's Allied/BigIron fix —
   see rb26-homepage.css). */
#rb26-brands .rb26-brand-logo--sm img {
	max-height: 38px;
}
#rb26-brands .rb26-brand-logo--lg img {
	max-height: 74px;
}

/* Two links per card (v2, 2026-08-24) — "Learn More" (this site's own brand
   page) and "Visit Site" (external), replacing v1's single link. Overrides
   the shared .rb26-brand-links vertical stack (rb26-core.css), which was
   built for the homepage's multi-link Rouse-style card, not a fixed pair. */
#rb26-brands .rb26-brand-links {
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
#rb26-brands .rb26-brand-links a::before {
	content: none;
}
.rb26-brand-links-divider {
	width: 1px;
	height: 14px;
	background: var(--rb-hairline);
	flex: none;
}