/* ============================================================
   LEGAL BRAIN: SHARED FOOTER
   Multi-column footer matching harvestlead.com.au, including the "Agents" column that
   exposes the machine-readable discovery surfaces to AI crawlers.

   Loaded on EVERY page including the homepage, so there is one footer across the site
   rather than the two that the nav had (see assets/nav.css for that story).

   The old footer was a single non-wrapping flex row. Every link added pushed the document
   wider and the whole page scrolled sideways on mobile. This grid wraps by construction.
   ============================================================ */

footer.site-footer {
    border-top: 1px solid var(--border);
    background: var(--bg);
    padding: 56px 0 28px;
    margin-top: 0;
}

footer.site-footer .sf-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 24px;
}

footer.site-footer .sf-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 40px 28px;
}

/* brand column */
footer.site-footer .sf-brand {
    display: flex; align-items: center; gap: 12px;
    font-size: 19px; font-weight: 700; color: var(--text-heading);
    text-decoration: none; margin-bottom: 14px;
}
footer.site-footer .sf-brand .sf-mark {
    width: 34px; height: 34px; flex: 0 0 auto;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 40%, #8b5cf6 100%);
    border-radius: 9px; display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 800; color: #fff; letter-spacing: -0.3px;
}
footer.site-footer .sf-blurb {
    color: var(--text-muted); font-size: .9rem; line-height: 1.6; max-width: 340px; margin: 0;
}

footer.site-footer h5 {
    font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
    color: var(--text-heading); margin: 0 0 14px;
}
footer.site-footer ul { list-style: none; margin: 0; padding: 0; }
footer.site-footer li { margin-bottom: 10px; }
footer.site-footer li a {
    color: var(--text-muted); text-decoration: none; font-size: .9rem; transition: color .2s;
}
footer.site-footer li a:hover { color: var(--text-heading); }

/* the Agents column is machine-facing, so the filenames are the labels: show them as code */
footer.site-footer .sf-agents li a {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
}

footer.site-footer .sf-bottom {
    display: flex; flex-wrap: wrap; gap: 10px 28px; justify-content: space-between;
    align-items: center;
    margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--border);
    color: var(--text-muted); font-size: .82rem;
}
footer.site-footer .sf-bottom a { color: var(--text-muted); text-decoration: underline; text-underline-offset: 2px; }
footer.site-footer .sf-bottom a:hover { color: var(--text-heading); }

@media (max-width: 900px) {
    footer.site-footer .sf-top { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
    footer.site-footer .sf-brand-col { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
    footer.site-footer { padding: 44px 0 24px; }
    footer.site-footer .sf-top { grid-template-columns: 1fr; gap: 28px; }
    footer.site-footer .sf-bottom { justify-content: flex-start; }
}