/* V01-NAT-UI-04A-RUNTIME-ACTIVATION
   Real nationwide background layer only.
   Hazard / shelter / GPS / route remain UI-03 mock overlays in UI-04A.
*/

#mockMap.runtime-background-active{
  background:#eaf0e7;
}

#realMap{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
}

#realMap .maplibregl-canvas-container,
#realMap .maplibregl-canvas{
  width:100%;
  height:100%;
}

#mockMap.runtime-background-active #mapCanvas{
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2;
  background:transparent;
  transform:none !important;
  transition:none;
  pointer-events:none;
}

#mockMap.runtime-background-active #mapCanvas > .road,
#mockMap.runtime-background-active #mapCanvas > .river{
  display:none;
}

/* Keep UI-03 overlays above the real background. */
#mockMap.runtime-background-active .hazard-overlay{
  z-index:5;
}

#mockMap.runtime-background-active .route-overlay{
  z-index:7;
}

#mockMap.runtime-background-active .current-marker,
#mockMap.runtime-background-active .manual-marker,
#mockMap.runtime-background-active .shelter-pin{
  z-index:8;
}

/* MapLibre's own attribution stays below the app's primary controls. */
#realMap .maplibregl-control-container{
  position:relative;
  z-index:3;
}

#realMap .maplibregl-ctrl-bottom-right{
  bottom:4px;
  right:4px;
}

#realMap .maplibregl-ctrl-attrib{
  font-size:10px;
  max-width:min(72vw,420px);
}

@media (max-height:520px){
  #realMap .maplibregl-ctrl-attrib{
    max-width:50vw;
    font-size:9px;
  }
}