/**
 * Branded OpenStreetMap shell — light Voyager tiles + soft brand tint.
 * Marker / CTA use Terminal Blue + Signal Lime. Not too dark.
 */

.et-map {
	position: relative;
	width: 100%;
	min-height: 320px;
	overflow: hidden;
	background: #e8eefc;
}

.et-map__canvas {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.et-map .leaflet-container {
	width: 100%;
	height: 100%;
	font: inherit;
	background: #e8eefc;
}

/* Soft brand lean — keep map readable / light */
.et-map .leaflet-tile-pane {
	filter: saturate(0.92) hue-rotate(12deg) brightness(1.04) contrast(0.98);
}

.et-map .leaflet-control-attribution {
	font-size: 10px;
	background: rgba(255, 255, 255, 0.82);
	color: #4b5563;
}

.et-map .leaflet-control-attribution a {
	color: var(--et-terminal-blue, #234df1);
}

.et-map .leaflet-control-zoom a {
	border: 0;
	color: var(--et-text-dark, #0b1220);
	background: #fff;
}

.et-map .leaflet-control-zoom a:hover {
	color: var(--et-terminal-blue, #234df1);
	background: #fff;
}

.et-map__marker {
	position: relative;
	width: 36px;
	height: 48px;
}

.et-map__marker-pin {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: var(--et-terminal-blue, #234df1);
	box-shadow: 0 8px 20px rgba(25, 52, 158, 0.28);
}

.et-map__marker-pin::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: var(--et-signal-lime, #f2fc2a);
}

.et-map__cta {
	position: absolute;
	z-index: 1100;
	right: max(16px, var(--et-site-gutter, 28px));
	bottom: 28px;
	box-shadow: 0 10px 28px rgba(11, 18, 32, 0.18);
}

@media (max-width: 767px) {
	.et-map__cta {
		right: 16px;
		left: 16px;
		justify-content: center;
	}
}