/**
 * Styles pour le plugin Map Location Digisense
 */

/* Style pour l'élément de la liste qui est sélectionné */
#map-list-container-digisense li.revendeur-selectionne {
    background-color: #eaf2fa; /* Un bleu très clair */
    border-left: 4px solid #0073aa; /* Une bordure bleue pour accentuer */
    padding-left: 10px !important; /* On force un peu le retrait pour la visibilité */
}

/* Style pour le bouton de réinitialisation */
#reset-map-view {
    display: none; /* Caché par défaut */
    margin-top: 15px;
    cursor: pointer;
}

/* Classe pour rendre le bouton visible via JS */
#reset-map-view.visible {
    display: inline-block;
}

/* Conteneur principal de l'item (li), utilisant Flexbox */
.revendeur-item {
    display: flex;
    justify-content: space-between; /* Pousse les enfants aux extrémités */
    align-items: center; /* Centre verticalement */
    border-bottom: 1px solid #eee;
    padding: 12px 5px;
    cursor: pointer;
}

/* Conteneur pour les icônes à droite */
.revendeur-actions {
    display: flex;
    align-items: center;
    gap: 10px; /* Espace entre les icônes */
    margin-left: 15px; /* Marge pour éviter que le texte ne colle */
}

/* Style commun pour les icônes cliquables */
.revendeur-actions a {
    text-decoration: none;
    font-size: 1.5em; /* Agrandit un peu les emojis */
}

/* Tag "Location" rose foncé */
.location-tag {
    background-color: #E70C83; /* Rose foncé (MediumVioletRed) */
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
}

/* Cache des boutons de la map */
#map-container-digisense .gm-style .gm-style-mtc-bbw, #map-container-digisense .gm-style .gm-svpc{
	display: none;
}

/* Conteneur pour la barre de recherche et le filtre */
#digisense-search-container {
    display: flex;
    flex-wrap: wrap; /* Permet de passer à la ligne sur mobile */
    align-items: center;
    gap: 15px; /* Espace entre les éléments */
}

/* Style pour le label du filtre */
#location-filter-label {
    display: flex;
    align-items: center;
    gap: 5px; /* Espace entre la case et le texte */
    cursor: pointer;
    font-size: 14px;
}

/* Map container infobulle */
#map-container-digisense .gm-style .gm-style-iw-c{
	padding-top: 10px !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
	padding-bottom: 10px !important;
}
#map-container-digisense .gm-style .gm-style-iw-c .gm-style-iw-chr button{
	color: black;
	border-radius: 0 !important;
}
#map-container-digisense .gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span{
	display: none !important;
}
#map-container-digisense .gm-style .gm-style-iw-c{
	overflow: visible !important;
}
#map-container-digisense .gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect{
	position: absolute !important;
	left: calc(100% + 10px) !important;
	top: 0% !important;
	background-color: white !important;
	background: white !important;
	opacity: 1 !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
}
#map-container-digisense .gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect::before{
	position: absolute;
	color: black !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 20px;
	width: 20px;
	content:"\f00d";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro", 'poppins light', sans-serif;
	font-size: 20px;
}

/* Filtre search BTN */
#digisense-search-button{
	border-radius: 3px;
	padding: 10px 20px;
	font-weight: 700;	
}

#digisense-search-input{
	flex: 1;
	width: auto;
}

#location-filter-label, #reset-map-view{
	padding: 15px;
	background-color: #77CED9 !important;
	border-radius: 3px;
	font-weight: 700;
	font-size: 16px;
	color: white;
}

#digisense-search-container{
	margin-bottom: 20px;
}