.mrp-map-wrapper {
	margin: 1.5em 0;
}

.mrp-map-title {
	margin: 0 0 0.5em;
	font-weight: 600;
}

.mrp-map-canvas {
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
	background: #eef1f4;
}

.mrp-error {
	padding: 0.75em 1em;
	background: #fdecea;
	border: 1px solid #f5c2c0;
	color: #611a15;
	border-radius: 4px;
}

/* Keep Leaflet Routing Machine's itinerary panel from looking out of place
   by default (it's hidden via the `show: false` JS option, but this is a
   safety net if a theme forces it visible). */
.leaflet-routing-container {
	max-width: 300px;
	font-size: 13px;
}