#footer {
    --_social-width: 24px;
    --_logo-height: 96px;
    max-height: 65vh;
    display: flex;
    flex-direction: column;
    padding: 2em 0;
    padding-bottom: 0;
}

#footer a {
    color: #3a3a3a;
}

#footer a:is(:hover, :focus) {
    color: var(--company-color1);
}

.logo-wrapper {
    display: block;
    width: fit-content;
    height: 4em;
}

.logo-wrapper>img {
    width: 100%;
    height: 100%;
}

.contact-wrapper,
.anchor-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.contact-group,
.anchor-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
}

.contact-title,
.anchor-title {
    font-family: var(--bold-font);
    margin: 0;
}

.socials-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.socials-group {
    display: flex;
    justify-content: center;
    gap: 1.25em;
}

.social-icon {
    width: var(--_social-width);
}

.terms-group {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.term-text {
    text-wrap: nowrap;
    text-align: center;
}

.terms-group>span {
    display: none;
}

/* NEWSLETTER */

#newsletter-form {
    max-height: 55vh;

    background-image: url(/res/media/shared/gc_home_newsletter_r.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 667 / 757;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
}

.newsletter-title {
    font-size: 1.75em;
    width: 90%;
    margin: 0;
}

.newsletter-text {
    width: 80%;
}

.newsletter-input {
    width: 100%;
    height: 3.5em;
    padding: 0.5em 1.5em;
    padding-right: 2.75em;
    border: none;
    border: none;
    text-overflow: ellipsis;
}

.newsletter-button {
    width: fit-content;
    padding: 0.25em 0;
    padding-right: 1em;
    border: none;
    background-color: unset;
    color: black;
    border-bottom: 1px solid black;

    transition: padding 0.1s ease-in;
}

.newsletter-button:is(:hover, :focus) {
    padding-right: 2em;
    font-weight: 600;
    font-family: var(--bold-font);
    border-width: 2px;
}

.footer-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

@media (width>=768px) {}

@media (width>=1024px) {
    #footer {
        flex-direction: row;
    }

    .footer-data {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        gap: 1em;
    }

    .socials-group {
        justify-content: flex-start;
    }

    .contact-group {
        align-items: start;
    }

    .contact-group * {
        text-align: start;
    }

    .anchor-group {
        align-items: end;
    }

    .anchor-group * {
        text-align: end;
    }

    .socials-wrapper {}

    .terms-group {
        flex-direction: row;
    }

    .term-text {
        text-align: start;
    }

    .terms-group>span {
        display: inline-block;
    }

    /* NEWSLETTER */

    #newsletter-form {
        width: 60%;
        background-image: url(/res/media/shared/gc_home_newsletter.webp);
        aspect-ratio: 247 / 220;
    }

    .newsletter-title {
        width: 60%;
    }

    .newsletter-text {
        width: 65%;
    }
}

@media (width>=1440px) {}