/**
 * Frontend styles for Boldest Map Block
 */
.wp-block-boldest-map {
	margin: 1.5em 0;
}

.boldest-map-block-container {
	width: 100%;
}

.boldest-map-block-title {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	font-weight: 600;
}

.boldest-map-block-embed {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.boldest-map-block-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.boldest-map-block-error {
	padding: 1em;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 4px;
	color: #856404;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.boldest-map-block-embed {
		padding-bottom: 75%; /* Taller on mobile */
	}
}