/* CWA single-branch map — matches the branches directory map panel */
.cwa-branch-map {
	--cwa-blue: #3155a4;
	--cwa-sky: #57bfe3;
	--cwa-gold: #e6b012;
	--cwa-line: #e2e6ee;
	--cwa-mist: #f4f6fa;
	height: var(--cwa-branch-map-h, 720px);
	border: 1px solid var(--cwa-line);
	border-radius: 10px;
	background: var(--cwa-mist);
	z-index: 1; /* keep below the Divi sticky nav */
}

.cwa-branch-map .leaflet-popup-content-wrapper {
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(20, 35, 70, 0.18);
}
.cwa-branch-map .leaflet-popup-content {
	margin: 14px 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95rem;
	line-height: 1.45;
	color: #333333;
}
.cwa-branch-map .leaflet-popup-content .cwa-pop-name {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 0.98rem;
	color: var(--cwa-blue);
	margin-bottom: 2px;
}

.cwa-branch-map .cwa-marker { background: none; border: none; }
.cwa-branch-map .cwa-marker svg {
	width: 34px;
	height: 44px;
	filter: drop-shadow(0 2px 3px rgba(20, 35, 70, 0.35));
	transition: transform 0.18s ease;
	transform-origin: bottom center;
}
.cwa-branch-map .cwa-marker:hover svg { transform: scale(1.18); }

/* The Google map was a fixed 720px at every width, which swallowed a phone
   screen. Step it down the same way the branches directory map does. */
@media (max-width: 980px) {
	.cwa-branch-map { height: min(var(--cwa-branch-map-h, 720px), 380px); }
}
@media (max-width: 640px) {
	.cwa-branch-map { height: min(var(--cwa-branch-map-h, 720px), 300px); }
}