/* Taille du bloc carte */
#map-container {
    position: relative;
    width: 100%;
    height: 700px;
}

/* Taille de la carte */
#map {
    width: 100%;
    height: 100%;
}

/* Bloc carte avec bords arrondis */
#map canvas {
    border-radius: var(--main-border-radius);
}

/* Bloc de gestion de la visiblité des couches */
#layer_switcher {
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: 7rem 7rem;
    float: right;
    gap: 2rem;
}

/* Disposition picto oeil + texte pour la gestion visibilité des couches */
.layer_toggle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

/* Masque la checkbox native mais la garde accessible/fonctionnelle */
.layer_toggle input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
}

/* Icône par défaut (décochée) */
.layer_icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url('../../image/picto/masquer.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icône quand la checkbox est cochée */
.layer_toggle input[type="checkbox"]:checked + .layer_icon {
    background-image: url('../../image/picto/afficher.png');
}