/* Shared site chrome (home-aligned header strip + footer) for non-house pages. */
body.sleek-home footer {
    background: #0a0c10 !important;
    border-top: 1px solid rgba(51, 65, 85, 0.45) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.sleek-home .home-footer-states-grid {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    column-gap: 2.75rem;
    row-gap: 0.5rem;
    justify-items: start;
    text-align: left;
}

body.sleek-home .home-footer-states-grid a {
    justify-self: start;
}

body.sleek-home .home-footer-cols {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2rem;
    justify-content: start;
    align-items: start;
}

@media (min-width: 640px) {
    body.sleek-home .home-footer-cols {
        grid-template-columns: max-content max-content;
        column-gap: 3.5rem;
        row-gap: 2rem;
    }
}

@media (min-width: 1280px) {
    body.sleek-home .home-footer-cols {
        column-gap: 5rem;
    }
}

body.sleek-home .sleek-sitelinks-strip .sleek-sitelinks-item {
    font-size: 0.75rem;
    line-height: 1.28;
    font-weight: 500;
    letter-spacing: normal;
    white-space: nowrap;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

@media (min-width: 640px) {
    body.sleek-home .sleek-sitelinks-strip .sleek-sitelinks-item {
        font-size: 0.8125rem;
    }
}

body.sleek-home .sleek-sitelinks-strip .sleek-sitelinks-item--muted {
    color: #64748b;
    cursor: default;
    user-select: none;
}

body.sleek-home .sleek-sitelinks-strip a.sleek-sitelinks-item {
    color: #94a3b8;
    transition: color 0.12s ease;
}

body.sleek-home .sleek-sitelinks-strip a.sleek-sitelinks-item:hover {
    color: #fff;
}

body.sleek-home .sleek-home-header-updated {
    color: #22c55e;
    font-size: 0.6875rem;
    line-height: 1.28;
    margin: 0;
    white-space: nowrap;
    font-weight: 500;
}

body.sleek-home .sleek-home-header-updated .sleek-home-header-all-toggle {
    color: inherit;
    font: inherit;
    font-weight: inherit;
    line-height: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

body.sleek-home .sleek-home-header-updated .sleek-home-header-all-toggle:hover {
    color: #4ade80;
}

body.sleek-home .sleek-home-header-meta {
    align-items: flex-end;
}

@media (min-width: 768px) {
    body.sleek-home .sleek-home-header-meta,
    body.sleek-home #mainHeader .flex.items-center.justify-between > div:not(:first-child) {
        align-items: center;
    }

    body.sleek-home #mainHeader #homeHeaderLastUpdated {
        display: none !important;
    }

    body.sleek-home .sleek-sitelinks-strip .sleek-home-header-updated,
    body.sleek-home .sleek-sitelinks-strip__updated {
        margin-left: auto;
        text-align: right;
        transform: none;
        align-self: center;
    }
}

@media (min-width: 1280px) {
    body.sleek-home .sleek-home-header-updated {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    body.sleek-home .sleek-home-header-updated {
        display: none !important;
    }
}

body.state-race-ge-page .state-race-select-bar--2028-primary .state-race-select-bar__grid--filters-only,
body.state-race-ge-page .state-race-select-bar--filters-only .state-race-select-bar__grid--filters-only {
    grid-template-columns: 1fr;
}

body.state-race-ge-page .state-race-select-bar--2028-primary .state-race-select-bar__views,
body.state-race-ge-page .state-race-select-bar--filters-only .state-race-select-bar__views {
    display: none;
}

/* Footer primary nav — desktop: Senate / Governors / 2028 President match Home */
@media (min-width: 768px) {
    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/2026-us-senate/"],
    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/governor/"],
    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/2028-president/"] {
        color: #ffffff !important;
    }

    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/2026-us-senate/"]:hover,
    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/governor/"]:hover,
    footer[data-et-site-footer="1"] a.font-medium.text-base[href="/2028-president/"]:hover {
        color: #e2e8f0 !important;
    }
}
