/**
 * Frontend Styles
 *
 * Styles for the public customer map shortcode.
 *
 * @package CustomerReachMap
 */

.crmap-container {
	margin: 20px 0;
	width: 100%;
}

.crmap {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.crmap-empty-state {
	padding: 40px 20px;
	text-align: center;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.crmap-empty-state p {
	margin: 0;
	color: #666;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.crmap-container {
		margin: 15px 0;
	}
}