/* Immersify – Site footer */

.site-footer {
    border-top: 1px solid var(--color-violet-18);
}

.site-footer__inner {
    display:         flex;
    flex-wrap:       wrap;
    align-items:     center;
    justify-content: space-between;
    gap:             var(--space-md) var(--space-lg);
    padding:         var(--space-lg) var(--gutter);
}

.site-footer__logo {
    display:        flex;
    align-items:    center;
    gap:            var(--space-sm);
    font:           var(--text-16ob);
    font-size:      12px;
    letter-spacing: 0.1em;
}

.logo-mark--small {
    width: 22px;
}

.site-footer__links {
    display:   flex;
    flex-wrap: wrap;
    gap:       var(--space-md) var(--space-lg);

    a {
        font:           var(--text-13ir);
        letter-spacing: 0.04em;
        color:          var(--color-grey);

        &:hover {
            color: var(--color-cyan);
        }
    }
}

.site-footer__copy {
    margin:         0;
    font:           var(--text-13ir);
    font-size:      11px;
    letter-spacing: 0.04em;
    color:          var(--color-grey);
}