/* Sekcja: form_map - pełny CSS sekcji (zapis zagnieżdżony). */

.form-map {
    &.reverse {
        .wrapper {
            flex-direction: row-reverse;
        }
    }

    .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .text {
        flex: 1 1 50%;
    }

    .form {
        flex: 1 1 50%;
        display: flex;
        align-items: center;

        .checkbox-label {
            .checkbox-styled {
                background-color: var(--primary-bg);
                border-color: var(--dark-bg);

                span {
                    font-size: 22px;
                    font-weight: bold;
                }
            }
        }
    }

    .map {
        width: 100%;
        height: 100%;

        iframe {
            width: 100%;
            height: 100%;
        }
    }
}

@media (max-width: 991.5px) {
    .form-map {
        .text {
            flex: 1 1 100%;
        }

        .form {
            flex: 1 1 100%;
        }

        .map {
            min-height: 50vw;
        }
    }
}