/* = Footer */

.footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -8px;
}

.footer-top .img-left img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.site-footer {
    background-color: var(--black);
    color: white;
}
.site-footer__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
    align-content: center;
}

.site-footer__brand {

}
.site-footer__logo {}

.footer-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    display: block;
    margin-top: 20px;
}

.footer-working-hours {
    font-family: var(--font-roboto);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--red-darck);
    margin-top: 20px;
    color: #B03535;
}

.site-footer__nav {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer__nav a {
    font-family: var(--font-roboto);
    font-weight: 500;
    font-size: 16px;
    line-height: 110.00000000000001%;
    font-variant: small-caps;
    color: var(--bg);
}
.site-footer__socials {
    color: var(--bg);
    font-family: var(--font-roboto);
}
.site-footer__socials h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 110.00000000000001%;
}

.site-footer__contacts {
    font-family: var(--font-roboto);
    color: var(--bg);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.site-footer__contacts a {
    font-weight: 400;
    font-size: 16px;
    line-height: 110.00000000000001%;
    color: var(--bg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px 24px;
    padding-left: 30px;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.site-footer__contacts a.phone {
    background-image: url("../images/phone.svg");
}

.site-footer__contacts a.email {
    background-image: url("../images/email.svg");
}




.footer-social-wrapper {
    display: flex;
    gap: 10px;
    margin-top: 20px
}


.footer-social-wrapper a {
    display: inline-block;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    background-color: var(--grey);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-social-wrapper a[aria-label="Telegram"] {
    background-image: url('../images/tg-red.svg');
}


.footer-social-wrapper a[aria-label="WhatsApp"] {
    background-image: url('../images/wa-red.svg');
}


@media screen and (max-width: 1024px) {
    .site-footer__top {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding: 20px 0;
        align-items: flex-start;
        align-content: flex-start;
    }

    .site-footer__top {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding: 20px 0;
        align-items: flex-start;
        align-content: flex-start;
    }

    .site-footer__brand {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .site-footer__nav {
        display: flex;
        flex-direction: column;
        text-transform: uppercase;
        margin-top: 20px;
        gap: 20px;
        align-content: flex-start;
    }

    .site-footer__contacts {
        font-family: var(--font-roboto);
        color: var(--bg);
        display: flex;
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }
}