/*
 * assets/css/carte-clubs.css
 * [epd_carte_clubs] (inc/club-public.php) : carte Leaflet des clubs
 * engagés, mêmes cartes blanches arrondies que la grille des clubs
 * (club-public.css). Points à la couleur principale du challenge
 * (--principale posée par le PHP), vert Mob'Sport sinon. Mobile first.
 */

.epd-carte-clubs {
	--ecc-point: var(--principale, #17AF97);
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	font-family: "Rethink Sans", sans-serif;
}

/* Contexte d'empilement propre : les calques Leaflet (z-index 400 à 1000)
   restent sous l'en-tête collant du site */
.epd-carte-clubs .ecc-carte {
	position: relative;
	z-index: 0;
	isolation: isolate;
	height: 380px;
	border-radius: 16px;
	overflow: hidden;
	background: #F8F6F2;
	box-shadow: 0 10px 26px rgba(14, 36, 81, 0.12);
	font-family: inherit;
}

.epd-carte-clubs .leaflet-popup-content-wrapper {
	border-radius: 12px;
}

.epd-carte-clubs .leaflet-popup-content {
	margin: 12px 28px 12px 16px; /* bouton de fermeture à droite */
	font-size: 14px;
	line-height: 1.4;
}

.epd-carte-clubs .ecc-bulle {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: #1D1D1B;
}

.epd-carte-clubs .ecc-bulle strong {
	font-size: 15px;
	color: #0E2451;
}

.epd-carte-clubs .ecc-bulle .ecc-ville {
	color: #5b6475;
}

.epd-carte-clubs .ecc-bulle a {
	margin-top: 6px;
	font-weight: 700;
	color: var(--principale-fonce, #0E7D6B);
	text-decoration: underline;
}

/* Contour du point cliqué à la souris retiré, gardé au clavier */
.epd-carte-clubs .leaflet-interactive:focus:not(:focus-visible) {
	outline: none;
}

.epd-carte-clubs .leaflet-tooltip {
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	color: #0E2451;
}

@media (min-width: 720px) {
	.epd-carte-clubs .ecc-carte {
		height: 520px;
	}
}