/* BiggerPockets cobrand overrides */

/* Nav: dark charcoal — keep primary bg (matches BP brand #333) */
.site-nav .nav-logo img { height: 32px; }
.site-nav .nav-links a { text-transform: uppercase; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.03em; }
.site-nav .nav-cta { background: var(--color-tertiary); color: var(--color-on-tertiary); text-transform: uppercase; font-size: 0.82rem; }

/* Hero: house photo bg with dark overlay, left-aligned and content-aligned */
.hero {
    background: url('/static/img/cobrands/biggerpockets/hero-bg.webp') center / cover no-repeat;
    background-color: var(--color-primary);
    text-align: left;
    align-items: flex-start;
    padding: 48px max(24px, calc((100% - 1100px) / 2 + 24px)) 48px;
}
.hero h1 { font-size: 2.2rem; }
.search-row { max-width: 500px; margin: 0; }

/* Featured */
.featured-section { background: var(--color-surface); }

/* Footer: charcoal bg */
.site-footer { background: var(--color-primary); color: var(--color-on-primary); }
.site-footer a { color: var(--color-secondary); }
.footer-copy { background: color-mix(in srgb, var(--color-primary) 80%, black); color: var(--color-on-primary); }

/* REMARK: Live site has an "As seen in" press logos bar and an "Agent Matchup" section — both need HTML markup changes. */