/* Loaded only on the ME and EN traffic pages. */
.pmr-traffic-map{--pmr-map-accent:#e63264;width:100%;min-width:0;margin:36px 0 0;color:var(--pmr-body-alt);}
.pmr-traffic-map__heading h2{margin:0 0 10px;color:var(--pmr-purple);font-size:clamp(21px,2.4vw,28px);line-height:1.2;font-weight:800;}
.pmr-traffic-map__heading p{margin:0 0 16px;font-size:15px;line-height:1.6;}
.pmr-traffic-map__panel{border:1px solid #dceaf4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 24px rgba(12,47,86,.05);}
#pmr-traffic-map{height:480px;width:100%;background:#e9edf0;isolation:isolate;z-index:0;font-family:var(--pmr-font-body);}
#pmr-traffic-map:focus-visible{outline:3px solid var(--pmr-cyan);outline-offset:-3px;}
.pmr-traffic-map__legend{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:0;padding:20px 22px 12px;font-size:15px;line-height:1.5;}
.pmr-traffic-map__legend li{display:flex;align-items:baseline;gap:10px;max-width:100%;}
.pmr-map-key{display:inline-block;flex:none;align-self:center;width:28px;border-top:5px solid var(--pmr-map-accent);}
.pmr-map-key--bridge{border-color:#7039a6;border-top-style:dashed;}
.pmr-map-key--saturday{border-color:#b66000;border-top-style:dashed;}
.pmr-map-key--start,.pmr-map-key--end{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#16804b;box-shadow:0 0 0 1px #16804b;}
.pmr-map-key--end{background:#12233b;box-shadow:0 0 0 1px #12233b;margin-left:12px;}
.pmr-traffic-map__exceptions{margin:0;padding:0 22px 20px;font-size:14px;line-height:1.6;}
.pmr-traffic-map__caption,.pmr-traffic-map__status{margin:14px 0 0;font-size:15px;line-height:1.6;}
#pmr-traffic-map .pmr-map-pin{border:3px solid #fff;border-radius:50%;background:#16804b;box-shadow:0 1px 5px #12233b80;}
#pmr-traffic-map .pmr-map-pin--end{background:#12233b;}
#pmr-traffic-map .pmr-map-pin--race{border-radius:5px;background:repeating-conic-gradient(#12233b 0% 25%,#fff 0% 50%) 0 0/10px 10px;}
#pmr-traffic-map .pmr-map-label{border:1px solid #dceaf4;border-radius:5px;color:#12233b;background:#fff;font:600 12px/1.4 var(--pmr-font-body);padding:4px 7px;white-space:normal;width:max-content;max-width:160px;box-shadow:0 1px 4px #12233b20;}
#pmr-traffic-map .leaflet-control-attribution{font-size:11px;line-height:1.5;}
#pmr-traffic-map .leaflet-control-attribution a{color:#005f83;}
#pmr-traffic-map .leaflet-control-zoom a{color:#12233b;text-decoration:none;}
#pmr-traffic-map .leaflet-popup-content{font:400 14px/1.5 var(--pmr-font-body);}
#pmr-traffic-map .leaflet-popup-content strong{display:block;margin-bottom:5px;}
@media(max-width:767px){
  #pmr-traffic-map{height:360px;}
  .pmr-traffic-map__panel{border-radius:13px;}
  .pmr-traffic-map__legend{display:grid;gap:12px;padding:16px 16px 12px;font-size:14px;}
  .pmr-traffic-map__legend li{align-items:center;}
  .pmr-traffic-map__exceptions{padding:0 16px 16px;font-size:13px;}
  #pmr-traffic-map .pmr-map-label{max-width:125px;font-size:11px;}
}
