﻿.ppt-leaflet-map-shell {
	width: 100%;
}

.ppt-leaflet-map {
	position: relative;
	width: 100%;
	min-height: 34rem;
	border: 1px solid rgba(217, 119, 66, 0.2);
	border-radius: calc(var(--ppt-radius-xl) - 8px);
	overflow: hidden;
	background:
		radial-gradient(circle at top left, rgba(242, 183, 5, 0.18), transparent 24%),
		radial-gradient(circle at bottom right, rgba(231, 111, 36, 0.16), transparent 26%),
		linear-gradient(145deg, #fff6ed, #f7eee2);
}

.ppt-map-card--territory .ppt-leaflet-map {
	min-height: clamp(27rem, 48vw, 35rem);
	border-color: rgba(107, 31, 14, 0.14);
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.58),
		0 20px 38px rgba(71, 30, 13, 0.08);
}

.ppt-map-card--territory .ppt-leaflet-map::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(107, 31, 14, 0.08)),
		radial-gradient(circle at 18% 18%, rgba(242, 183, 5, 0.14), transparent 20%);
}

.ppt-leaflet-map__fallback {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	text-align: center;
	color: var(--ppt-color-muted);
	font-weight: 600;
}

.ppt-leaflet-map.is-ready .ppt-leaflet-map__fallback,
.ppt-leaflet-map .leaflet-control-attribution {
	display: none;
}

.ppt-leaflet-map .leaflet-pane,
.ppt-leaflet-map .leaflet-top,
.ppt-leaflet-map .leaflet-bottom {
	z-index: 1;
}

.ppt-leaflet-map .leaflet-control-zoom {
	margin: 1rem;
	border: 0;
	box-shadow: 0 10px 24px rgba(44, 16, 10, 0.18);
}

.ppt-leaflet-map .leaflet-control-zoom a {
	border: 0;
	color: var(--ppt-color-wine);
}

.ppt-leaflet-map .leaflet-control-zoom a:hover {
	background: rgba(231, 111, 36, 0.08);
	color: var(--ppt-color-orange);
}

.ppt-map-card--territory .leaflet-container {
	background: #f5ede1;
}

.ppt-leaflet-map .leaflet-zoom-animated,
.ppt-leaflet-map .leaflet-tile,
.ppt-leaflet-map .leaflet-marker-icon,
.ppt-leaflet-map .leaflet-marker-shadow {
	transition: none !important;
}

.ppt-map-card--territory .leaflet-control-zoom {
	margin: 1.2rem;
	border-radius: 1rem;
	overflow: hidden;
}

.ppt-map-card--territory .leaflet-control-zoom a {
	background: rgba(250, 245, 239, 0.95);
}

.ppt-leaflet-map .leaflet-interactive {
	cursor: pointer;
	transition: fill-opacity 0.2s ease, stroke-width 0.2s ease, radius 0.2s ease;
}

.ppt-leaflet-map .leaflet-tooltip.ppt-map-point-tooltip {
	padding: 0.42rem 0.7rem;
	border: 0;
	border-radius: 999px;
	background: rgba(107, 31, 14, 0.94);
	box-shadow: 0 16px 28px rgba(43, 17, 11, 0.22);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
}

.ppt-leaflet-map .leaflet-tooltip-top.ppt-map-point-tooltip::before {
	border-top-color: rgba(107, 31, 14, 0.94);
}

@media (max-width: 782px) {
	.ppt-leaflet-map {
		min-height: 26rem;
	}

	.ppt-map-card--territory .ppt-leaflet-map {
		min-height: 24rem;
	}
}

