/**
 * Carte Google Maps des antennes (page Contact).
 *
 * Chargé après styles.min.css, ce qui évite d'avoir à recourir à !important
 * tant que les sélecteurs ont la même spécificité que ceux du thème parent.
 */

/**
 * Le conteneur porte l'attribut hidden, qui le masque quand les feuilles de
 * styles sont désactivées : la carte, remplie d'éléments en position absolue par
 * l'API, recouvrirait sinon les coordonnées des antennes. Cette règle le
 * réaffiche dès que les styles sont actifs.
 */
.page-template-contact .nos-antennes .right-part .map[hidden] {
    display: block;
}

/**
 * Croix de fermeture des info-bulles.
 *
 * L'API dessine la croix avec un mask-image : sans background-color, le bouton
 * reste cliquable mais totalement invisible. Le thème parent lui applique
 * background: var(--list-color), variable définie uniquement sur les pages de
 * listing : hors de ces pages la déclaration est invalide, donc transparente.
 * On repose ici la couleur du bouton fermer par défaut de Google Maps.
 */
.page-template-contact .nos-antennes .right-part .map .gm-ui-hover-effect span {
    background-color: #3c4043;
}

/**
 * Boutons de zoom (+/-) et bouton fermer : indicateur de focus visible, celui
 * de l'API étant supprimé par le reset du thème.
 */
.page-template-contact .nos-antennes .right-part .map button:focus-visible {
    outline: 3px solid #1a1a1a;
    outline-offset: 2px;
}

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

.page-template-contact .nos-antennes .right-part .map .map-pan-button {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

.page-template-contact .nos-antennes .right-part .map .map-pan-button:focus-visible {
  outline: 3px solid #1a1a1a;
  outline-offset: 2px;
}

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