/* ==========================================================
 *  MAP COMMANDERIE – STYLES FRONT
 *  Compatible avec plusieurs instances de carte sur une même page
 * ======================================================= */

/* -------- Conteneur principal d’une instance ------------ */
.map-cmd-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    margin-bottom:40px;          /* espace entre deux cartes éventuelles */
}

/* -------- Colonne gauche (filtres) ----------------------- */
.mc-left{
    width:100%;
    max-width:300px;
    padding:10px;
    box-sizing:border-box;
}
@media (min-width:768px){
    .mc-left{width:250px;}
}

/* -------- Colonne droite (carte) ------------------------- */
.mc-right{
    flex:1;
    min-width:300px;
    padding:10px;
    box-sizing:border-box;
}

/* -------- Carte Google Maps ------------------------------ */
.map-cmd-map{
    width:100%;
    height:500px;        /* ajustez selon vos besoins */
    background:#ccc;     /* gris avant chargement des tuiles */
}

/* -------- Liste de filtres catégories -------------------- */
.mc-category-filter{
    list-style:none;
    margin:0 0 10px;
    padding:0;
    background:#fff;
    border-radius:4px;
    box-shadow:0 0 3px rgba(0,0,0,.15);
}
.mc-category-filter li{
    border-bottom:1px solid #eee;
}
.mc-category-filter li:last-child{
    border-bottom:none;
}
.mc-category-filter label{
    display:flex;
    align-items:center;
    padding:8px 10px;
    font-size:14px;
}
.mc-category-filter input{
    margin-right:8px;
    transform:scale(1.1);
}

/* -------- (optionnel) style du bouton refresh supprimé ----
.mc-refresh{ … }
----------------------------------------------------------- */