.footer-form-container {
    display: none;
}

footer {
    min-height: unset;
}

.section-1 {
    width: 100vw;
    height: fit-content;
    display: grid;
    justify-content: center;
    align-items: end;
    padding-top: calc(var(--regular) + var(--large) + 4rem);
    padding-bottom: var(--large);
}

.section-1 > div {
    width: var(--responsive-width);
    max-width: 1440px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    grid-template-rows: 1fr 1fr;
    border-radius: 2rem;
    overflow: hidden;
}


/* Form */
.form-container {
    width: 100%;
}

.form-container > main {
    width: calc(100% - var(--regular) - var(--regular));
    display: grid;
    gap: var(--regular);
    background-color: var(--primary-color-lighter);
    padding: calc(var(--large) - var(--small)) var(--regular) var(--regular) var(--regular);
}

.form-container > main > header {
    width: 100%;
    display: grid;
    gap: var(--small);
}

.form-container > main > header > * {
    color: var(--white);
}

.footer-form {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-form > div {
    width: 100%;
}

.footer-form > div > div {
    width: 100%;
}

.footer-form > div > div:nth-child(1) {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
}

.footer-form textarea {
    padding: calc(var(--regular) + var(--regular) + 2px) var(--regular) calc(var(--regular) - var(--x-small)) var(--regular);
    height: var(--xx-large);
}

.textarea-container {
    height: calc(var(--xx-large) + (var(--regular) + var(--regular) + 1px) + (var(--regular) - var(--x-small) + 1px)) !important;
}
/* Form */

[data-theme="dark"] .footer-form > div fieldset::before {
    background-color: var(--primary-color-lighter) ;
}


[data-theme="dark"] .footer-form textarea:focus label,
[data-theme="dark"] .footer-form label {
    background-color: var(--primary-color-lighter) !important;
}

.contact-map,
.contact-map > iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
}

[data-theme="dark"] .contact-map > iframe {
    filter: invert(0.9) contrast(0.95) hue-rotate(3.2rad);
}

@media (min-width: 600px) {
    .contact-map {
        aspect-ratio: 16/9;
    }
    
    .form-container > main {
        gap: var(--regular);
        width: calc(100% - var(--medium) - var(--medium));
        padding: calc(var(--large) - var(--small)) var(--medium) 2rem var(--medium);
    }
}

@media (min-width: 800px) {
    .section-1 > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: unset;
        border-radius: var(--large);
    }

    .form-container > main {
        gap: var(--medium);
        width: calc(100% - var(--large) - var(--large));
        padding: calc(var(--large) - var(--small)) var(--large) var(--large) var(--large);
    }

    .contact-map {
        aspect-ratio: unset;
    }
}