/** @format */

.acf_section.acf_section_google_maps {
	.headline.headline--1 {
		margin-block-end: calc(var(--universal-gap) * 3);
	}
	.maps-container {
		margin-block: calc(var(--universal-gap) * 3);
	}

	.map-popup {
		max-width: 260px;
		font-family: inherit;
		border-radius: 12px;
		overflow: hidden;
	}

	.map-popup__image img {
		width: 100%;
		height: 140px;
		object-fit: cover;
		display: block;
		border-radius: 12px 12px 0 0;
	}

	.map-popup__content {
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.4;
	}

	.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
	.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
	.gm-style .gm-style-iw-c,
	.gm-style .gm-style-iw-t::after,
	.gm-style .gm-style-iw-tc::after {
		background: var(--color-black);
	}
	.gm-ui-hover-effect span {
		background: var(--color-white);
	}
	.gm-style .gm-style-iw-chr {
		display: none;
	}
	.gm-style .gm-style-iw-c {
		max-width: 220px !important;
		border-radius: 0px;
		padding: calc(var(--universal-gap) / 2) var(--universal-gap) !important;
	}
	.gm-style .gm-ui-hover-effect {
		display: none !important ;
	}
	.gm-style .gm-style-iw-d {
		overflow: hidden !important;
		img {
			width: 100%;
			height: auto;
			/* padding-inline-end: calc(var(--universal-gap) * 2); */
		}
	}
}