/* =========================================================
   KARLEEN — FOOTER SOCIALS R1.2
   User-uploaded brand icons.
   ========================================================= */

.site-footer__socials {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 24px;
}


.site-footer__social-link {
    display: inline-flex;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    padding: 0;

    color: inherit;

    text-decoration: none;

    transition:
        transform .18s ease,
        opacity .18s ease;
}


.site-footer__social-link img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


.site-footer__social-link:hover {
    transform: translateY(-2px);

    opacity: .8;
}


.site-footer__social-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}


@media (max-width: 767px) {

    .site-footer__socials {
        gap: 10px;

        margin-top: 20px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .site-footer__social-link {
        transition: none;
    }

    .site-footer__social-link:hover {
        transform: none;
    }

}