/* =========================================
   MOBILE / RECENT
========================================= */

@media (max-width: 800px) {

    .recent-list {
        grid-template-columns: 1fr;
    }

    .recent-card {
        border-right: 0;
    }

    .recent-card:nth-child(odd) {
        border-right: 0;
    }

    .recent-card:nth-last-child(-n + 2) {
        border-bottom:
            1px solid rgba(255, 255, 255, 0.07);
    }

    .recent-card:last-child {
        border-bottom: 0;
    }



    /* =========================================
   FOOTER <= 800px
========================================= */

.site-footer__inner {
    display: grid;

    grid-template-columns: 1fr auto;
    grid-template-areas:
        "logo socials"
        "text socials"
        "nav nav";

    align-items: center;

    width: min(calc(100% - 40px), 1440px);

    gap: 8px 24px;

    min-height: 0;
    padding: 28px 0;
}


/* LOGO */

.site-footer .site-logo--footer {
    grid-area: logo;

    margin: 0;
    padding: 0;

    justify-self: start;
}


/* TEXT */

.site-footer__text {
    grid-area: text;

    margin: 0;

    min-width: 0;
}


/* SOCIALS */

.site-footer__socials {
    grid-area: socials;

    margin: 0;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 10px;
}


/* NAVIGATION */

.site-footer__nav {
    grid-area: nav;

    width: 100%;
    min-width: 0;

    margin: 20px 0 0;

    padding-top: 20px;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px 24px;

    border-top:
        1px solid rgba(255, 255, 255, 0.08);
}

.site-footer__nav a {
    min-width: 0;

    white-space: normal;

    line-height: 1.35;
}
}