/**
 * Google Maps Multipoint Elementor Plugin
 * Frontend styling for map container
 */

/* Map Container */
.multipoint-map-container {
	width: 100%;
	height: 400px; /* Default height, can be overridden by Elementor widget settings */
	background-color: #f1f1f1;
	border-radius: 4px;
	overflow: hidden;
}

/* Fix for Elementor Editor where map sometimes doesn't render until resized */
.elementor-editor-active .multipoint-map-container {
	min-height: 400px;
}

/* Info Window Styling */
.gm-style-iw {
	max-width: 300px;
	border-radius: 8px;
	padding: 10px;
	font-family: inherit;
}

.gm-style-iw-d {
	overflow: auto !important;
}

.gm-style-iw h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

.gm-style-iw p {
	margin: 0;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}