/**
 * Frontend styles for WP Google Maps Local SEO Pro.
 * Menggunakan pendekatan CSS custom property agar tinggi peta
 * dapat diatur per-instance tanpa inline style tambahan.
 */

.wgmlsp-map-block {
	margin: 2em 0;
	clear: both;
}

.wgmlsp-map-info {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	align-items: center;
	margin-bottom: 10px;
	font-size: 0.95em;
}

.wgmlsp-map-info__name {
	font-size: 1.05em;
}

.wgmlsp-map-info__phone a {
	text-decoration: none;
}

.wgmlsp-map-wrapper {
	position: relative;
	width: 100%;
	height: var(--wgmlsp-map-height, 400px);
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
}

.wgmlsp-map-wrapper .wgmlsp-map-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 480px) {
	.wgmlsp-map-wrapper {
		height: min(var(--wgmlsp-map-height, 400px), 300px);
	}
}