.duchy-map-icon-wrap { background: transparent; border: 0; overflow: visible; }
.duchy-map-icon {
	--duchy-pin-colour: #087f8c;
	display: grid;
	place-items: center;
	position: relative;
	width: 36px;
	height: 36px;
	color: #08243e;
	background: #fff;
	border: 3px solid var(--duchy-pin-colour);
	border-radius: 50% 50% 50% 8px;
	box-shadow: 0 3px 0 rgba(8, 36, 62, .24), 0 6px 16px rgba(8, 36, 62, .2);
	transform: rotate(-45deg);
	transition: transform .18s ease, box-shadow .18s ease;
}
.duchy-map-icon svg { width: 19px; height: 19px; transform: rotate(45deg); }
.duchy-map-icon-wrap:hover .duchy-map-icon,
.duchy-map-icon-wrap:focus .duchy-map-icon,
.leaflet-marker-icon:focus .duchy-map-icon { transform: rotate(-45deg) translate(2px, -2px) scale(1.08); box-shadow: 0 4px 0 rgba(8, 36, 62, .25), 0 9px 20px rgba(8, 36, 62, .25); }
.duchy-map-icon--photo { --duchy-pin-colour: #7c3aed; }
.duchy-map-icon--hotel { --duchy-pin-colour: #d99b00; }
.duchy-map-icon--castle,
.duchy-map-icon--attraction { --duchy-pin-colour: #e63946; }
.duchy-map-icon--castle { --duchy-pin-colour: #0f766e; }
.duchy-map-icon--food { --duchy-pin-colour: #e65f7a; }
.duchy-map-icon--beach,
.duchy-map-icon--ferry { --duchy-pin-colour: #0891b2; }
.duchy-map-icon--beach { --duchy-pin-colour: #2563eb; }
.duchy-map-icon--walk { --duchy-pin-colour: #278545; }
.duchy-map-icon--shop { --duchy-pin-colour: #7655a6; }
.duchy-map-icon--parking,
.duchy-map-icon--service { --duchy-pin-colour: #42637d; }
.duchy-map-icon--event { --duchy-pin-colour: #b74b15; }
@media (prefers-reduced-motion: reduce) { .duchy-map-icon { transition: none; } }