/* WP Map Engine - front-end styles. Instance-scoped, no global IDs. */
.wpmp-map {
	position: relative;
	width: 100%;
	margin: 0 auto 1.5em;
	box-sizing: border-box;
}
.wpmp-stage {
	position: relative;
}
.wpmp-svg {
	display: block;
	width: 100%;
	max-width: var(--wpmp-graphic-width, 100%);
	margin-inline: auto;
	height: auto;
	aspect-ratio: var(--wpmp-ratio);
	overflow: visible;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}
.wpmp-area {
	fill: var(--f, var(--wpmp-fill));
	stroke: var(--wpmp-border);
	stroke-width: var(--wpmp-border-width);
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	transition: fill 0.15s ease;
	outline: none;
}
.wpmp-area:not(.is-inactive) {
	cursor: pointer;
}
.wpmp-area:not(.is-inactive):hover,
.wpmp-area.is-hover,
.wpmp-link:focus .wpmp-area,
.wpmp-area:focus {
	fill: var(--h, var(--wpmp-hover));
}
.wpmp-area.is-inactive {
	fill: var(--wpmp-inactive);
	cursor: default;
	pointer-events: none;
}
.wpmp-link:focus-visible .wpmp-area,
.wpmp-area:focus-visible {
	stroke: #1d2327;
	stroke-width: 2.5px;
}
.wpmp-link:focus {
	outline: none;
}
.wpmp-lakes path {
	fill: var(--wpmp-lakes);
	stroke: var(--wpmp-border);
	stroke-width: var(--wpmp-border-width);
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	pointer-events: none;
}
/* Decor: inset frames, lines and label leader lines. Never catches the mouse. */
.wpmp-decor {
	pointer-events: none;
}
.wpmp-decor path {
	fill: none;
	stroke: var(--wpmp-border);
	stroke-width: var(--wpmp-border-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	pointer-events: none;
}
.wpmp-label {
	fill: var(--l, var(--wpmp-label));
	font-family: var(--wpmp-font, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	font-weight: var(--wpmp-font-weight, 600);
	text-anchor: middle;
	dominant-baseline: central;
	-webkit-user-select: none;
	user-select: none;
}
/* Labels act like their area (hover, hand cursor, click), including when drawn outside the shape. */
.wpmp-label:not(.is-inactive) {
	pointer-events: auto;
	cursor: pointer;
}
.wpmp-label.is-hover {
	fill: var(--lh, var(--wpmp-label-hover));
}
.wpmp-label.is-inactive {
	opacity: 0.5;
	pointer-events: none;
}
.wpmp-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	box-sizing: border-box;
	max-width: min(320px, 92%);
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--wpmp-tip-bg);
	color: var(--wpmp-tip-color);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	font-size: 14px;
	line-height: 1.4;
	pointer-events: none;
	overflow-wrap: break-word;
	/* Contains a floated image (photo on the left, text beside it). */
	display: flow-root;
	-webkit-user-select: none;
	user-select: none;
}
.wpmp-tooltip[hidden] {
	display: none;
}
.wpmp-tooltip > :first-child { margin-top: 0; }
.wpmp-tooltip > :last-child { margin-bottom: 0; }
.wpmp-tooltip p,
.wpmp-tooltip ul,
.wpmp-tooltip ol { margin: 0 0 0.5em; }
.wpmp-tooltip ul,
.wpmp-tooltip ol { padding-left: 1.2em; }
.wpmp-tooltip h3,
.wpmp-tooltip h4 { margin: 0 0 0.3em; font-size: 1.05em; }
.wpmp-tooltip img { display: block; max-width: 100%; height: auto; margin: 0 0 0.4em; border-radius: 4px; }
.wpmp-tooltip img.alignleft,
.wpmp-tooltip img.alignright { max-width: 96px; }
.wpmp-tooltip img.alignleft { float: left; margin: 0 10px 4px 0; }
.wpmp-tooltip img.alignright { float: right; margin: 0 0 4px 10px; }
.wpmp-tooltip img.aligncenter { float: none; margin: 0 auto 0.4em; }
.wpmp-tooltip img.alignnone { float: none; margin: 0 0 0.4em; }
.wpmp-tooltip--measure img.alignleft,
.wpmp-tooltip--measure img.alignright { display: none; }
.wpmp-tooltip p.alignleft,
.wpmp-tooltip p.alignright,
.wpmp-tooltip p.aligncenter { float: none; margin: 0 0 0.5em; }
.wpmp-tooltip p.alignright { text-align: right; }
.wpmp-tooltip p.aligncenter { text-align: center; }
.wpmp-tooltip a { color: inherit; text-decoration: underline; }
.wpmp-tooltip ::selection { background: transparent; }
.wpmp-credit {
	margin: 0.25em 0 0;
	font-size: 12px;
	text-align: end;
	opacity: 0.8;
}
.wpmp-credit a {
	color: inherit;
}
@media (prefers-reduced-motion: reduce) {
	.wpmp-area {
		transition: none;
	}
}