/* GENERAL
---------------------------------------- */
.module-interactive-map {
    .cols-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3rem;

        /* Option "Texte à gauche" (placement = reverse) */
        &.reverse {
            flex-direction: row-reverse;
        }
    }

    .col {
        flex: 1 1 80%;
    }

    .map-text {
        display: none;
        opacity: 0;
        transition: 0.3s;
    }

    .map-text.active {
        display: block;
        opacity: 1;
    }

    .map-city {
        transition: 0.25s;
    }

    .map-city:hover {
        fill: #000000;
    }

    svg {
        max-height: 80vh;
    }
}





/* MEDIA QUERIES
---------------------------------------- */
@media only screen and (max-width: 960px) {
    .module-interactive-map {
        .cols-wrapper {
            display: block;
        }

        .col-1 {
            max-width: 34.28rem;
            margin-right: auto;
            margin-left: auto;
        }

        .col-2 {
            margin-top: 2.25rem;
        }
    }
}