/* Eigene Partner-Karte (Partnerbetriebe).
   Container-/Popup-Basis (.npuot-map, .npuot-map-popup* usw.) kommt
   bewusst aus dem bestehenden assets/css/map.css (gleiche Optik wie
   die Hauptkarte). Hier nur das, was fuer dynamische Partner-Kategorien
   zusaetzlich noetig ist. */

.npuot-partner-map-marker-wrapper {
	background: none;
	border: 0;
}

.npuot-partner-map-marker {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	box-sizing: border-box;
	background: var(--marker-color, #7c749f);
	border: 0.1875rem solid #fff;
	border-radius: 50% 50% 50% 0;
	box-shadow: 0 0.15rem 0.45rem rgb(0 0 0 / 35%);
	transform: rotate(-45deg);
}

.npuot-map-popup__type-link {
	display: inline-block;
	margin: 0 0 0.35rem;
	padding: 0;
	border: none;
	background: none;
	font-size: 0.8rem;
	font-family: inherit;
	color: var(--wp--preset--color--blue, #23538a);
	text-decoration: underline;
	cursor: pointer;
}

.npuot-map-popup__type-link:hover,
.npuot-map-popup__type-link:focus-visible {
	color: var(--wp--preset--color--dark-blue, #002c50);
}

.npuot-map-popup__link {
	display: inline-block;
	margin-top: 0.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--dark-blue, #002c50);
}

/* Leaflet.markercluster: Cluster-Icons an die Theme-Palette anpassen */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
	background-color: color-mix(in srgb, var(--wp--preset--color--primary, #7c749f) 35%, white);
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: var(--wp--preset--color--primary, #7c749f);
	color: #fff;
	font-weight: 700;
}

.npuot-partner-map-wrapper {
	margin-bottom: 2.5rem;
}