/* ==========================================================================
   Guest marketing footer (marketing visitors)
   --------------------------------------------------------------------------
   Styles for Views/Shared/Marketing/_MarketingFooter.cshtml, which _Layout
   renders for anonymous visitors in place of the app's compact footer (the
   sitemap half of the guest chrome; navbar-guest.css is the other half).
   Loaded globally from _Layout after navbar-guest.css; every rule is scoped
   under .mkt-footer, which only exists for guests. Brand values match
   wwwroot/css/marketing.css:
     Dark Eclipse #132844 · Lava #F26E34 · Bee #F9AA34
   ========================================================================== */

/* site.css pins `footer` to the viewport as a thin, always-visible fixed bar
   (position: fixed !important, matching myRescover's chrome). That is right for
   the app's one-line legal bar but wrong for this tall sitemap footer: fixed, it
   covers the bottom of every guest page. Return it to normal flow so it is only
   seen when the visitor scrolls to the end of the page. (footer.mkt-footer beats
   site.css's bare `footer` on specificity; this file loads after site.css.) */
footer.mkt-footer {
    position: static !important;
    z-index: auto;
}

/* Marketing pages have no fixed bar, so reclaim the 34px clearance site.css
   makes main reserve for it. Scoped to body.rs-mkt-page (set by _Layout only on
   the new-style marketing pages, guests only). Everything else -- including
   ANONYMOUS app pages like /mls/search -- keeps the compact fixed legal bar and
   its clearances (2026-07-29 ruling, Morgan: marketing footer is for marketing
   pages only; this stylesheet is only even loaded on them). */
body.rs-mkt-page main[role="main"] {
    padding-bottom: 0;
}

.mkt-footer {
    background: linear-gradient(160deg, #0e2038 0%, #132844 55%, #16304f 100%);
    color: #b9c8dc;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 1.55;
    margin-top: auto;
}

.mkt-footer-wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 56px 24px 0;
}

/* ---- link grid: brand column + four link columns --------------------------- */
.mkt-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 44px;
}

/* Brand column */
.mkt-footer-brand img {
    display: block;
    width: 176px;
    height: auto;
}

.mkt-footer-slogan {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .06em;
    color: #F9AA34;
    margin: 14px 0 10px;
}

.mkt-footer-blurb {
    font-size: .9rem;
    color: #9fb2c9;
    max-width: 300px;
    margin-bottom: 18px;
}

.mkt-footer-social {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.mkt-footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    color: #dbe6f4;
    font-size: .95rem;
    text-decoration: none;
    transition: border-color .12s ease, color .12s ease, background .12s ease;
}

.mkt-footer-social a:hover {
    border-color: #F9AA34;
    color: #F9AA34;
}

.mkt-footer-phone {
    font-size: .9rem;
    color: #9fb2c9;
    margin: 0;
}

.mkt-footer-phone a {
    color: #dbe6f4;
    text-decoration: none;
}

.mkt-footer-phone a:hover {
    color: #fff;
}

/* Link columns */
.mkt-footer-head {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #8ba1bb;
    margin: 6px 0 14px;
}

.mkt-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mkt-footer-col li {
    margin-bottom: .55rem;
}

.mkt-footer-col a {
    font-size: .9rem;
    color: #b9c8dc;
    text-decoration: none;
    transition: color .12s ease;
}

.mkt-footer-col a:hover {
    color: #fff;
    text-decoration: none;
}

/* ---- bottom bar -------------------------------------------------------------- */
.mkt-footer-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 18px 0 20px;
    font-size: .8rem;
    color: #8ba1bb;
}

.mkt-footer-bottom .mkt-footer-copy {
    margin-right: auto;
    white-space: nowrap;
}

.mkt-footer-bottom a {
    color: #b9c8dc;
    text-decoration: none;
}

.mkt-footer-bottom a:hover {
    color: #fff;
}

.mkt-footer-bottom ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    padding: 0;
    margin: 0;
}

.mkt-footer-dim {
    color: rgba(185, 200, 220, .35);
}

/* ---- responsive ---------------------------------------------------------------- */
@media (max-width: 992px) {
    .mkt-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mkt-footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 576px) {
    .mkt-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mkt-footer-wrap {
        padding-top: 44px;
    }

    .mkt-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .mkt-footer-bottom .mkt-footer-copy {
        margin-right: 0;
    }
}