/* =============================================================================
   LA CARTE OUVERTE — /openmap
   =============================================================================
   Chargee par la seule vue plugins/OpenMap/views/public/index/index.php, et
   prefixee par `.map.openmap-page`. L'habillage des surcouches du plugin
   (bulles, panneau, localisation) reste dans openmap.css.

   Carte de tete, blocs, intitules et selecteurs viennent des composants
   communs du theme (cards.css, page.css) : ne reste ici que la disposition
   des filtres et de la carte.

   -- La page en un coup d'oeil -----------------------------------------------

     #openmap__header        carte de tete : titre, decompte
     #openmap__filters       carte : les filtres, en grille intitule / choix
     #openmap__map           carte : la carte Leaflet et ses surcouches

   -- Le principe -------------------------------------------------------------

   Une page outil, lineaire, en une seule colonne : on choisit ses filtres,
   puis on lit la carte en pleine largeur.

   Donnees : OpenMap_IndexController (filtres) et javascripts/openmap.js
   (marqueurs, decompte).
   ========================================================================== */

:root {
  /* Largeur des selecteurs de filtre. */
  --om-select-width: 22em;
}


/* Le conteneur ne porte que les cartes : sa marge est celle de la page. */
.map.openmap-page #openmap {
  margin-bottom: 0;
}

/* Le decompte ecrit par le JS : il suit le titre comme une valeur. */
.map.openmap-page .openmap__count {
  margin-left: 1.1em;
  font-size: 0.9em;
  color: var(--eman-ombre);
}


/* !---------- Les filtres ----------------------------------------------------- */

.map.openmap-page .openmap__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 2em;
}

/* Intitule et selecteur sur la meme ligne, comme un champ de fiche. */
.map.openmap-page .openmap__field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25em 0.75em;
  min-width: 0;
}

.map.openmap-page .openmap__field .field-uitemplates-title {
  width: auto;
  margin: 0;
  padding: 0;
}

/* Les selecteurs de filtre (.eman-select, page.css). */
.map.openmap-page .openmap__select {
  width: var(--om-select-width);
}


/* !---------- La carte -------------------------------------------------------- */

/* La carte touche les bords de sa carte. Sa hauteur est posee par le JS. */
.map.openmap-page #openmap__map {
  line-height: normal;
}

.map.openmap-page #openmap__map #map {
  display: block;
}