/**
 * Стилізація маркерів/кластерів/попапів Leaflet під дизайн v2
 * (navy/gold, ті самі кольори, що .map-canvas-pin у верстці).
 */

/* Leaflet сам піднімає внутрішні шари (контроли, попапи) до z-index 1000 —
   без ізоляції стекінг-контексту це перекриває sticky-шапку (z-index 200)
   під час скролу. isolation:isolate замикає всі внутрішні z-index карти
   всередині неї, вище шапки вона вже не вилізе. */
.map-canvas { isolation: isolate; }

.kzd-map-pin {
	color: #0c1e3e; /* --navy */
	filter: drop-shadow(0 6px 12px rgba(12, 30, 62, .35));
}
.kzd-map-pin svg { width: 30px; height: 30px; }
.kzd-map-pin-you { color: #c5a059; /* --gold */ }

.kzd-map-cluster {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #0c1e3e;
	color: #fff;
	font-family: 'DM Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(12, 30, 62, .28);
	border: 2px solid #fff;
}

.kzd-map-popup .leaflet-popup-content-wrapper {
	border-radius: 18px;
	box-shadow: 0 20px 50px rgba(12, 30, 62, .18);
	padding: 0;
	overflow: hidden;
}
.kzd-map-popup .leaflet-popup-content {
	margin: 0;
	width: 260px !important;
}
.kzd-map-popup .leaflet-popup-tip { box-shadow: 0 6px 12px rgba(12, 30, 62, .12); }
.kzd-map-popup .leaflet-popup-close-button {
	top: 10px !important;
	right: 10px !important;
	width: 26px !important;
	height: 26px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .92);
	border-radius: 50%;
	color: #0c1e3e !important;
	font: normal 18px/1 sans-serif !important;
	box-shadow: 0 4px 10px rgba(12, 30, 62, .18);
	transition: background-color .15s ease;
}
.kzd-map-popup .leaflet-popup-close-button:hover {
	background: #c5a059 !important;
	color: #fff !important;
}
.kzd-map-popup-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 14px 16px 16px;
	font-family: 'DM Sans', sans-serif;
}
.kzd-map-popup-img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
}
.kzd-map-popup-body strong {
	font-family: 'Cormorant Garamond', serif;
	font-size: 19px;
	font-weight: 600;
	color: #0c1e3e;
	line-height: 1.25;
	margin-top: 10px;
}
.kzd-map-popup-body span {
	font-size: 13px;
	line-height: 1.4;
	color: #6b7280;
}
.kzd-map-popup-body a {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #c5a059;
	text-decoration: none;
}
.kzd-map-popup-body a:hover { text-decoration: underline; }
/* Коли фото немає — заголовок без верхнього фото не має зайвого відступу. */
.kzd-map-popup-body:not(:has(.kzd-map-popup-img)) strong { margin-top: 0; }