/*
 * Landing pages — tweaks on top of the shared site header/footer.
 *
 * Landings reuse the site header (.page-header + .site-header pill) and the
 * site footer (.site-footer) verbatim — see header-landing.php /
 * footer-landing.php. This file only carries what is landing-specific: smooth
 * scrolling, the scroll offset so in-page anchor targets are not hidden behind
 * the fixed pill header, and a mobile-only full-width footer panel.
 */

html {
    scroll-behavior: smooth;
}

/* In-page anchor targets clear the fixed header when scrolled to.
 * Matches the pill offset (--nav-top + --nav-pill-h) plus a little breathing
 * room; falls back to a sensible default if the navbar vars are absent. */
[id] {
    scroll-margin-top: calc(
        var(--nav-top, 36px) + var(--nav-pill-h, 60px) + 20px
    );
}

/* Landing footer columns: 4 columns on desktop (40% / 20% / 20% / 20%),
 * overriding the site footer's 3-column grid. The 2fr/1fr ratio yields the
 * 40/20/20/20 split of the available space (after the gap). Below 1024px the
 * columns stack into a single column. */
.site-footer--landing .site-footer__row--widgets {
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    .site-footer--landing .site-footer__row--widgets {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }
}

/* Landing footer on mobile: the blue panel goes full-width, edge to edge, with
 * no rounded corners and no side gutter — unlike the site footer (and unlike
 * the landing footer on desktop, which keeps the boxed/rounded look). */
@media (max-width: 1023.98px) {
    .site-footer--landing .site-footer__inner {
        border-radius: 0;
        margin-bottom: 0;
        max-width: none;
    }
}


.site-footer--landing {
    background-color: var(--color-navy-80);
}
.site-footer--landing .site-footer__inner {
    margin-bottom: 0;
}