/**
 * Fix unwanted flipping of styles by CSS Janus (T127137)
 */

/* @noflip */
body.rtl .leaflet-map-pane,
body.rtl .leaflet-tile,
body.rtl .leaflet-marker-icon,
body.rtl .leaflet-marker-shadow,
body.rtl .leaflet-tile-pane,
body.rtl .leaflet-tile-container,
body.rtl .leaflet-overlay-pane,
body.rtl .leaflet-shadow-pane,
body.rtl .leaflet-marker-pane,
body.rtl .leaflet-popup-pane,
body.rtl .leaflet-overlay-pane svg,
body.rtl .leaflet-zoom-box,
body.rtl .leaflet-image-layer,
body.rtl .leaflet-layer {
  left: 0; right: auto;
}

img.leaflet-marker-icon {
	/* T141750 */
	clip-path: polygon( 0 0, 100% 0, 100% 60%, 0 60% );
}

.leaflet-interactive:focus {
	clip-path: none;
	outline: 2px solid #3366cc;
}

/* Browser support for object-position is slightly worse than for object-fit */
@supports ( object-position: top ) {
	img.leaflet-marker-icon:focus {
		/* Use the maximum as default so nothing bad happens when the selectors below fail */
		max-height: 54px;
		object-fit: cover;
		object-position: top;
	}

	/* marker-size "medium" */
	img.leaflet-marker-icon:focus[ src*='/marker/pin-m' ] {
		max-height: 42px;
		outline-offset: 1px;
	}

	/* marker-size "small" */
	img.leaflet-marker-icon:focus[ src*='/marker/pin-s' ] {
		max-height: 30px;
		outline-offset: 2px;
	}
}