/* Leaflet-specific overrides (popups, marker cluster colour) to match the
   AFSFV1 theme's brand palette. Map container sizing itself lives in the
   theme's main.css (.afsf-directory-map / .afsf-society-map) since the
   theme is what supplies visual chrome. */

.leaflet-popup-content-wrapper {
	border-radius: 8px;
	font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.leaflet-popup-content a {
	color: #1D6F68;
	font-weight: 600;
	text-decoration: none;
}
.leaflet-popup-content a:hover {
	color: #F4782A;
}

.afsf-map-popup__photo {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 6px;
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
	background-color: rgba(244, 120, 42, 0.25);
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: #F4782A;
	color: #fff;
	font-weight: 700;
}