/* Office World Map 2.5.0 — set the blue background on the Bricks parent container. */
.owm-map {
	position: relative;
	width: 100%;
	/* aspect-ratio is set inline by the shortcode */
	background: transparent;
	line-height: 0;
	overflow: visible; /* lets the tooltip show above pins near the top edge */
	--owm-pin: #0076ff;
	--owm-pin-active: #012128;
	--owm-tooltip-bg: #012128;
}
.owm-map__svg { display: block; width: 100%; height: 100%; overflow: hidden; }
.owm-map__artwork { pointer-events: none; }

.owm-marker { cursor: pointer; outline: none; pointer-events: all; transition: opacity .25s ease; }
.owm-marker__pin { fill: var(--owm-pin); stroke: #e8eff7; stroke-width: .5; transition: fill .15s ease; }
.owm-marker__dot { fill: #fff; }
.owm-marker:hover .owm-marker__pin,
.owm-marker.is-active .owm-marker__pin,
.owm-marker:focus-visible .owm-marker__pin { fill: var(--owm-pin-active); }
.owm-marker:focus-visible .owm-marker__pin { stroke: #fff; stroke-width: 1.5; }

.owm-marker--hidden { opacity: 0; pointer-events: none; }

.owm-map__tooltip {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	transform: translate(-50%, -100%);
	pointer-events: none;
	white-space: nowrap;
	background: var(--owm-tooltip-bg);
	color: #fff;
	font-size: 12px;
	line-height: 1.25;
	padding: 8px 14px;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease, visibility .15s;
}
.owm-map__tooltip.is-visible { opacity: 1; visibility: visible; }
.owm-map__tooltip strong { font-weight: 600; }
.owm-map__tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--owm-tooltip-bg);
}

[data-office-list] [hidden],
[data-office-list][hidden] { display: none !important; }

/* City list: "Aberdeen, UK · Bergen, Norway · …" — inherits font and colour from the Bricks panel. */
.owm-list { margin: 0; font-size: 14px; line-height: 1.6; color: inherit; }
.owm-list__city { font-weight: 500; }
.owm-list__country { opacity: .75; }
/* The separator goes before every visible item that has a visible item before it,
   so hidden items never leave a stray "·". */
.owm-list__item:not([hidden]) ~ .owm-list__item:not([hidden])::before { content: " · "; opacity: .75; }

@media (prefers-reduced-motion: reduce) {
	.owm-marker, .owm-marker__pin, .owm-map__tooltip { transition: none; }
}
