/**
 * Restore Mapbox GL default popup chrome on trip planner maps.
 *
 * Voxel vx:mapbox.css resets .ts-mapbox-popup shells so custom marker HTML
 * can style the card. These rules re-apply the values from mapbox-gl.css v3.15.
 */

body.rmr-plan-your-trip .ts-mapbox-popup .mapboxgl-popup-content,
body.rmr-route-single .ts-mapbox-popup .mapboxgl-popup-content,
.vt-route-planner-wrapper .ts-mapbox-popup .mapboxgl-popup-content {
	position: relative;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 10px 10px 15px;
	pointer-events: auto;
	margin-bottom: 0;
}

body.rmr-plan-your-trip .ts-mapbox-popup .mapboxgl-popup-tip,
body.rmr-route-single .ts-mapbox-popup .mapboxgl-popup-tip,
.vt-route-planner-wrapper .ts-mapbox-popup .mapboxgl-popup-tip {
	display: block;
	border: 10px solid transparent;
	height: 0;
	width: 0;
	z-index: 1;
}

body.rmr-plan-your-trip .ts-mapbox-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
body.rmr-route-single .ts-mapbox-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.vt-route-planner-wrapper .ts-mapbox-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
	align-self: center;
	border-top: none;
	border-bottom-color: #fff;
}

body.rmr-plan-your-trip .ts-mapbox-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
body.rmr-route-single .ts-mapbox-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.vt-route-planner-wrapper .ts-mapbox-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
	align-self: center;
	border-bottom: none;
	border-top-color: #fff;
}

/* VT puts padding on .vt-route-popup; Mapbox shell already pads the card. */
body.rmr-plan-your-trip .vt-route-popup,
body.rmr-route-single .vt-route-popup,
.vt-route-planner-wrapper .vt-route-popup {
	padding: 0;
	min-width: 0;
	max-width: none;
}