/**
 * Contrôles de la carte des pages de listing.
 *
 * Les boutons de zoom sont fournis par l'API ; ceux de déplacement sont ajoutés
 * par list-map-controls.js, l'API n'en proposant plus depuis la v3.22. Mêmes
 * classes et même présentation que sur les cartes des fiches et de la page
 * Contact.
 *
 * Chargée après styles.min.css.
 */

/**
 * Sans JavaScript, l'API ne construit rien : le conteneur resterait un grand
 * bloc vide occupant la hauteur de l'écran. Le message du <noscript> le
 * remplace. Même traitement que sur les fiches, dans single-map.css.
 */
.no-js #gmap {
    display: none;
}

.no-js .map-noscript {
    margin: 0;
    padding: 12px 16px;
    background: #f2f2f2;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
}

.page-template-list .map .map-pan-control {
    display: grid;
    grid-template-columns: repeat(3, 32px);
    grid-template-rows: repeat(3, 32px);
    gap: 2px;
    margin: 10px;
}

.page-template-list .map .map-pan-button {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #3c4043;
    padding: 0;
}

.page-template-list .map .map-pan-up    { grid-column: 2; grid-row: 1; }
.page-template-list .map .map-pan-left  { grid-column: 1; grid-row: 2; }
.page-template-list .map .map-pan-right { grid-column: 3; grid-row: 2; }
.page-template-list .map .map-pan-down  { grid-column: 2; grid-row: 3; }