/* ============================================================
   CARTE LEAFLET  –  [carte]
   ============================================================ */

.wc-carte-wrap {
	width: 100%;
}

.wc-carte__titre {
	margin: 0 0 var(--s-xl);
	text-align: center;
	color: var(--c-text);
	font-family: var(--ff-heading);
	font-size: var(--fs-h2);
	line-height: var(--lh-tight);
}

.wc-carte {
	width: 100%;
	height: var(--wc-carte-h, 420px);
	border-radius: var(--br-lg);
	overflow: hidden;
	box-shadow: var(--sh-sm);
	border: 2px solid rgba(90, 47, 21, 0.28);
	/* Stacking context isolé : les panneaux Leaflet (z-index élevés) ne
	   passent jamais au-dessus du header fixe. */
	position: relative;
	z-index: 0;
	isolation: isolate;
	background: var(--c-cream-300);
}

/* ── Légende (adresses sous la carte) ────────────────────── */

.wc-carte__legende {
	list-style: none;
	margin: var(--s-ld) 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-ld) var(--s-2xl);
}

.wc-carte__legende-item {
	display: flex;
	align-items: flex-start;
	gap: var(--s-sm);
	min-width: 0;
}

.wc-carte__legende-puce {
	flex-shrink: 0;
	width: 0.875rem;
	height: 0.875rem;
	margin-top: 0.2rem;
	border-radius: var(--br-circle);
	background: var(--puce, var(--c-brown-600));
	border: 2px solid #ffffff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.wc-carte__legende-texte {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.wc-carte__legende-titre {
	font-family: var(--ff-heading);
	font-size: 0.9375rem;
	color: var(--c-text);
	line-height: var(--lh-snug);
}

.wc-carte__legende-adresse {
	font-size: 0.8125rem;
	color: var(--c-text-soft);
	line-height: var(--lh-snug);
}

/* Pin SVG via divIcon : on neutralise le style par défaut de Leaflet */
.wc-carte__pin {
	background: transparent !important;
	border: 0 !important;

	& svg {
		display: block;
		filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
	}
}

/* Liens (attribution, popups) aux couleurs du thème */
.wc-carte .leaflet-container a {
	color: var(--c-primary);
}

.wc-carte .leaflet-popup-content {
	font-family: var(--ff-body);
	color: var(--c-text);
}

/* Titre permanent au-dessus des marqueurs */
.wc-carte .leaflet-tooltip.wc-carte__label {
	font-family: var(--ff-heading);
	font-size: 0.8125rem;
	font-weight: var(--fw-bold);
	color: var(--c-text);
	background: var(--c-cream-200);
	border: 1px solid rgba(90, 47, 21, 0.2);
	border-radius: var(--br-sm);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
}

/* Petite flèche du tooltip (direction top) aux mêmes tons */
.wc-carte .leaflet-tooltip.wc-carte__label.leaflet-tooltip-top::before {
	border-top-color: var(--c-cream-200);
}