/* HUD Homes Online cobrand overrides */

/* Nav: white/surface background, taller */
.site-nav { background: var(--color-surface); color: var(--color-primary); border-bottom: 1px solid var(--color-outline-variant); height: auto; padding: 12px 20px; }
.site-nav .nav-logo img { height: 56px; }
.site-nav .nav-links a { color: var(--color-on-surface); font-weight: 500; opacity: 1; }
.site-nav .nav-links a:hover { color: var(--color-primary); }
.site-nav .nav-actions a { color: var(--color-on-surface); opacity: 1; }
.site-nav .nav-actions a:hover { color: var(--color-primary); }
.site-nav .nav-cta { background: var(--color-primary); color: var(--color-on-primary); }
.site-nav .nav-cta:hover { background: var(--color-primary-hover); color: var(--color-on-primary-hover); }
.site-nav .theme-toggle { border-color: var(--color-outline-variant); color: var(--color-on-surface); }

/* Hero: dark slate bg, left-aligned with overlay box */
.hero {
    background: url('/static/img/cobrands/hudhouses/hero-bg.png') center / cover no-repeat;
    background-color: var(--color-secondary);
    text-align: left;
    align-items: flex-start;
    padding: 56px max(24px, calc((100% - 1100px) / 2 + 24px)) 64px;
}
.hero-inner {
    background: rgba(61, 80, 96, 0.85);
    padding: 32px 36px;
    border-radius: 6px;
    max-width: 560px;
    margin: 0;
}
.search-row { margin: 0; max-width: 100%; }
.search-row button, .search-row input[type=submit] { background: var(--color-tertiary); }
.search-row button:hover, .search-row input[type=submit]:hover { background: color-mix(in srgb, var(--color-tertiary) 85%, black); color: var(--color-on-tertiary-hover); }

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

/* Content: cream bg */
.content-section { background: var(--color-background); }

/* States: warm bg */
.states-section { background: var(--color-background); }

/* Footer: dark slate */
.site-footer { background: var(--color-secondary); color: var(--color-on-secondary); }
.site-footer a { color: var(--color-on-secondary); opacity: 0.8; }
.footer-copy { background: color-mix(in srgb, var(--color-secondary) 80%, black); color: var(--color-on-secondary); }

/* REMARK: Live site shows "Service by Foreclosure.com" branding above footer — needs HTML markup change. Also needs its own hero-bg.png (currently reusing hudhouses). */