/* Colonne carte de l'archive des domaines viticoles.
 *
 * Ce fichier est la part de css/archives-filtres.css qui ne vaut que pour
 * l'archive des domaines : dimensionnement de la facette carte, habillage de la
 * bulle Leaflet, bascule liste et carte sous 1120px et effets de bord du
 * plein écran. L'archive des cuvées n'a pas de carte, elle ne le charge pas.
 *
 * Tout ce qui est commun aux deux archives (compteur de filtres actifs, pied du
 * panneau, masquage des liens de pagination sous filtre) est resté dans
 * css/archives-filtres.css. */

/* Bulle d'information au clic sur un marqueur. */
.leaflet-popup-content { width: 300px !important; }

/* Leaflet impose « .leaflet-popup-content p { margin: 18px 0 } », plus
   spécifique que le m-0 posé sur le paragraphe de la ligne de région : la bulle
   gagnait 18px de vide sous cette ligne, absents de la production. */
.leaflet-popup-content p { margin: 0 !important; }
.wpgb-facet .leaflet-popup-content .wpgb-map-marker-title { font-size: 18px !important; }
.leaflet-container a { color: var(--color-primary) !important; }

/* Ligne de région de la bulle : même gris que sur les cards, et picto d'un cran
   plus petit que les 24px du helper partagé, la bulle étant plus étroite qu'une
   card. Le !important sur la couleur répond à celui de « .leaflet-container a »
   juste au-dessus, qui peint en couleur primaire tous les liens de bulle sans
   distinction. Le picto, lui, tient sa taille d'attributs width/height posés par
   le helper : seule une règle de feuille peut la reprendre. */
.leaflet-popup-content .vb-map-marker-region a { color: var(--color-muted) !important; }
.leaflet-popup-content .vb-map-marker-region .picto-taxonomie-small {
	width: 18px;
	height: 18px;
}

/* Image d'en-tête de la bulle. */
.wpgb-map-marker-img > a > div {
	height: 150px;
	background-size: cover;
	background-position: center;
}

/* La facette carte de WP Grid Builder se dimensionne toute seule par ratio
   (style en ligne padding-bottom:100%) : sans cette règle elle est aussi haute
   que large et laisse du blanc sous la carte. La production faisait de même
   dans le CSS de la page Breakdance 5643, avec des sélecteurs de builder ;
   on garde la même règle, portée ici par #container-map. */
#container-map .wpgb-facet,
#container-map .wpgb-facet fieldset,
#container-map .wpgb-facet .wpgb-map-facet {
	width: 100% !important;
	height: 100% !important;
}

/* Bascule liste et carte sous 1120px : la carte est fixée en plein écran et
   escamotée vers le haut quand on consulte la liste. */
@media (max-width: 1119px) {
	#container-map {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 100;
		transition: top 0.2s ease;
	}
	#container-map.vb-carte-masquee { top: -200vh; }
	#container-map.vb-carte-visible { top: 0; }

	/* La barre tient toute la largeur pour centrer son bouton, mais elle ne doit
	   rien intercepter en dehors de lui : sans pointer-events, la bande basse
	   avalait les clics destinés aux cards qui passent dessous. */
	#container-btn-show {
		position: fixed;
		z-index: 101;
		bottom: 0;
		left: 0;
		right: 0;
		margin-bottom: 1.5rem;
		text-align: center;
		pointer-events: none;
	}
	#container-btn-show button { pointer-events: auto; }
}

/* Le thème injecte son bouton « Revenir en haut » dans le body, avec un
   z-index de 9000, et le rend visible dès 400px de défilement. Bloquer le
   défilement ne remet pas scrollY à zéro : le bouton flottait donc au-dessus
   de la carte en plein écran, et un clic lançait un défilement sur une page
   verrouillée. L'ancien map.js lui posait une classe, on préfère une règle
   CSS : le thème recrée le bouton en JavaScript, et une manipulation de
   classe serait perdue à la recréation alors qu'une règle continue de
   s'appliquer. Volontairement hors media query, la classe suffit à décrire
   l'état. */
html.vb-carte-plein-ecran .ilucid-back-to-top { display: none !important; }