/* ===========================================================
   FOOTER
===========================================================*/

.site-footer{
    background:var(--color-surface);
    border-top:1px solid var(--color-border);
    padding:var(--space-7) 0 var(--space-5);
}

/* Column Grid */

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:var(--space-6);
    margin-bottom:var(--space-6);
}

.footer-grid-5{
    grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
}

.footer-brand{
    display:flex;
    align-items:center;
    gap:var(--space-2);
    margin-bottom:var(--space-3);
}

.footer-brand img{
    height:32px;
    width:32px;
}

.social-row{
    display:flex;
    gap:var(--space-2);
    margin-top:var(--space-3);
}

.social-icon{
    width:34px;
    height:34px;
    border-radius:50%;

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

    background:var(--color-surface-alt);
    border:1px solid var(--color-border);
    color:var(--color-text-muted);

    font-size:var(--fs-small);
    transition:all var(--transition-fast);
}

.social-icon svg{
    display:block;
}

.social-icon:hover{
    color:var(--color-gold);
    border-color:var(--color-gold);
}

.footer-grid h4{
    font-size:var(--fs-small);
    margin-bottom:var(--space-3);
}

.footer-grid a, .footer-grid p{
    display:block;
    font-size:var(--fs-small);
    color:var(--color-text-muted);
    margin-bottom:var(--space-2);
}

/* Bottom Bar */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding-top:var(--space-5);
    border-top:1px solid var(--color-border);

    font-size:var(--fs-tiny);
    color:var(--color-text-faint);
}

.back-to-top{
    width:40px;
    height:40px;
    border-radius:50%;

    background:var(--color-gold);
    color:#1A1305;

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

.footer-made-with{
    font-size:var(--fs-tiny);
    color:var(--color-text-faint);
}