/*
 * Карта на главной сидит в секции .cont-form внутри .left-side (тема georesin,
 * front-page.php). Центрируем именно эту колонку по обеим осям, чтобы карта
 * занимала весь доступный размер блока, а не жалась к верхнему краю.
 */
.cont-form .left-side {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gim-map {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 24px;
	line-height: 0;
}

.gim-map svg {
	display: block;
	width: 100%;
	height: auto;
}

.gim-map svg path {
	fill: var(--gim-fill, #F1F8FC);
	stroke: var(--gim-stroke, #285FAA);
	stroke-width: 1;
	stroke-opacity: 1;
	fill-opacity: 1;
	transition: fill 0.2s ease;
	cursor: pointer;
}

.gim-map svg path:hover {
	fill: var(--gim-hover, #19C7F5);
}

.gim-tooltip {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-50%, calc(-100% - 14px));
	background: #FFFFFF;
	border: 1px solid var(--gim-stroke, #285FAA);
	color: var(--gim-stroke, #285FAA);
	line-height: 1.4;
	padding: 8px 16px;
	text-align: center;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease;
	pointer-events: none;
	z-index: 5;
}

.gim-tooltip.is-visible {
	opacity: 1;
	visibility: visible;
}

.gim-tooltip-title {
	font-size: 14px;
	font-weight: 700;
}

.gim-tooltip-label {
	font-size: 12px;
	font-weight: 400;
	margin-top: 4px;
}

.gim-tooltip-count {
	font-size: 20px;
	font-weight: 700;
	margin-top: 2px;
}