/* ---------------------------------------------------------------------------
   Leaflet.markercluster — استایل محلی (نسخهٔ ۱٫۵٫۳)
   File: public/assets/vendor/leaflet-markercluster/leaflet-markercluster.css

   این فایل ترکیب دو استایل رسمی افزونه است:
     dist/MarkerCluster.css          → انیمیشن خوشه و پای عنکبوتی
     dist/MarkerCluster.Default.css  → ظاهر حباب خوشه
   به‌جای CDN، محلی نگه داشته می‌شود تا سایت بدون اینترنت هم کامل کار کند.

   تغییر نسبت به فایل اصلی: رنگ حباب‌ها از سبز/زرد/نارنجیِ پیش‌فرض به رنگ
   برند سایت (بنفش #5b45e8) برگردانده شد و قلم هم به قلم فارسی سایت ست شد؛
   وگرنه روی نقشهٔ بنفش‌وسفید، خوشه‌ها بیگانه و «قالبی» دیده می‌شدند.
   --------------------------------------------------------------------------- */

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, -moz-opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* مدت و منحنی حرکت باید با ترنزیشن نشانگر یکی باشد تا دقیقاً هم‌زمان حرکت کنند */
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
	background-color: rgba(91, 69, 232, .30);
}

.marker-cluster-small div {
	background-color: rgba(91, 69, 232, .55);
}

.marker-cluster-medium {
	background-color: rgba(91, 69, 232, .45);
}

.marker-cluster-medium div {
	background-color: rgba(76, 55, 214, .65);
}

.marker-cluster-large {
	background-color: rgba(91, 69, 232, .60);
}

.marker-cluster-large div {
	background-color: rgba(55, 38, 168, .78);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}

.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	border-radius: 15px;
	font: 700 12px var(--font-body, "Vazirmatn", system-ui, sans-serif);
	color: #fff;
}

.marker-cluster span {
	line-height: 30px;
}