/* MGH Locations widget.
 * Layout, spacing and typography come from the Jorato Templates stylesheet via the
 * jorato-case-detail container/section classes, so the widget matches the case
 * detail map section exactly. Only widget-specific adjustments live here. */

/* The 2.5rem bottom padding on .jorato-case-detail belongs to the full case detail
 * page, not the map section; spacing around the widget is controlled by Elementor.
 * Likewise the case detail page centers its content rail (max-width + auto margins);
 * here the width comes from the Elementor container like the other MGH widgets. */
.mgh-locations.jorato-case-detail {
	max-width: none;
	margin: 0;
	padding-bottom: 0;
}

/* Replace the case detail section's 1.5rem side padding with the shared MGH widget
 * rail (20px mobile / 50px desktop) so the left edge lines up with the other widgets. */
.mgh-locations .jorato-case-detail__section--location-map {
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 1280px) {
	.mgh-locations .jorato-case-detail__section--location-map {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* The case detail page uses 0.75rem (12px) below the heading; the MGH design wants 16px. */
.mgh-locations .mgh-locations__map-heading {
	margin-bottom: 16px;
}

.mgh-locations__editor-notice {
	margin: 0;
	padding: 16px;
	background: #f0f4f8;
	border: 1px solid rgba(44, 58, 96, 0.2);
	border-radius: 4px;
	color: #2c3a60;
	font-size: 14px;
	line-height: 1.4;
}