/* ==========================================================================
   Footer map – background map with info overlay (desktop) / stacked (mobile)
   ========================================================================== */

.footer-map .map-container .elementor-widget,
.footer-map .map-container .elementor-widget-container,
.footer-map .map-container .elementor-custom-embed,
.footer-map .map-container iframe {
	height: calc(100% + 160px) !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-62px);
}

@media screen and (min-width: 768px) {
	.footer-map {
		position: relative !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 80px 20px !important;
		isolation: isolate;
		overflow: hidden;
	}

	.info-container {
		position: relative !important;
		z-index: 5 !important;
		background-color: #ffffff;
		width: 100%;
		max-width: 510px;
		border-radius: 20px;
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
	}

	.map-container {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		z-index: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	.footer-map {
		display: flex !important;
		flex-direction: column !important;
		padding: 0 16px 60px 16px !important;
	}

	.footer-map .e-con-inner {
		flex-direction: column !important;
		width: 100% !important;
	}

	.info-container {
		width: 100% !important;
		max-width: 100% !important;
		z-index: 2;
		background: #fff;
		padding-bottom: 40px !important;
		box-shadow: none !important;
	}

	.map-container {
		position: relative !important;
		width: 100% !important;
		height: 400px !important;
		z-index: 1;
		overflow: hidden;
		border-radius: 20px;
	}
}