/*
 * Correctif France-Insectes n° 8 — carte OpenStreetMap (Leaflet) du sélecteur de point de retrait.
 * Complète views/css/leaflet.css ; couleurs et typographie des bulles restent celles de front.css
 * (.poi, .poiselected, .poiicon, .poitext).
 */

/* La carte forme son propre contexte d'empilement : sans lui, ses calques (z-index 400 à 1000)
   passeraient devant la recherche et la liste que le module pose sur elle (z-index 97 à 99). */
.mycollectionplacemap.leaflet-container {
	position: relative;
	z-index: 0;
}

/* Le marqueur n'a pas de taille : son coin supérieur gauche est le point du magasin, où tombe la
   pointe de la bulle. */
.mycollp-marqueur {
	background: none;
	border: 0;
}

.mycollp-bulle {
	position: absolute;
	left: 0;
	bottom: 10px;
	/* pointe à 30 % de la largeur, comme dans la bulle de Google */
	-webkit-transform: translateX(-30%);
	transform: translateX(-30%);
	white-space: nowrap;
	cursor: pointer;
}

.mycollp-bulle > .poi,
.mycollp-bulle > .poiselected {
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}

.mycollp-bulle-pointe {
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgb(57, 57, 57);
}

/* Correctif n° 9 — les autres points disponibles, en pastilles : survol pour le nom, clic pour
   les amener dans la liste et les choisir. */
.mycollp-point {
	box-sizing: border-box;
	background: rgb(57, 57, 57);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
	cursor: pointer;
}

.mycollp-point:hover {
	background: #00aff0;
}