#wh-project-map{position:relative;height:calc(100dvh - 120px);min-height:450px;overflow:hidden;border-radius:18px;background:#e8edf0}
#wh-project-map-canvas{position:absolute;inset:0;z-index:1}
.wh-p-map-back{z-index:501!important;position:absolute!important;top:18px;left:18px}
.wh-p-map-panel{position:absolute;z-index:500;bottom:12px;left:12px;right:12px;display:grid;gap:8px;padding:19px 20px;border-radius:18px;background:white;box-shadow:0 8px 35px #0002}
.wh-p-map-panel strong{font-size:20px}.wh-p-map-panel span,.wh-p-map-panel small{color:#68717c}
.wh-p-directions{display:block;text-align:center;padding:14px;border-radius:12px;background:#111;color:white!important;text-decoration:none;font-weight:650}

/* Leaflet zoom i samma runda 40px-kontroller som Workhours övriga navigering. */
#wh-project-map .leaflet-top.leaflet-right{top:12px;right:12px}
#wh-project-map .leaflet-control-zoom{border:0!important;background:transparent!important;box-shadow:none!important;display:grid;gap:8px;margin:0!important}
#wh-project-map .leaflet-control-zoom a{box-sizing:border-box!important;width:40px!important;height:40px!important;line-height:38px!important;border:1px solid #dce2e8!important;border-radius:50%!important;background:#fff!important;color:#151515!important;box-shadow:0 2px 9px rgba(0,0,0,.09)!important;font-size:22px!important;text-align:center}
#wh-project-map .leaflet-control-zoom a.leaflet-disabled{opacity:.55}