/* MRĄGOWO BUS • APEX 13.3.0.5 • LIVE MAP ROOT FIX */

/* ---------------------------------------------------------
   LIVE BUS MARKERS
   GPS/Leaflet transform is untouched. Only visual size changes.
   --------------------------------------------------------- */
#liveMap .leaflet-marker-icon.mb-live-vehicle-marker,
#liveMap .leaflet-marker-icon.mb-live-vehicle-final{
  width:36px!important;
  height:38px!important;
  max-width:36px!important;
  max-height:38px!important;
  min-width:36px!important;
  min-height:38px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}

#liveMap .bus-marker-wrap{
  width:36px!important;
  height:38px!important;
  max-width:36px!important;
  max-height:38px!important;
  min-width:36px!important;
  min-height:38px!important;
  overflow:visible!important;
  display:block!important;
}

#liveMap .bus-marker,
#liveMap .bus-marker.mb-live-bus-final{
  position:relative!important;
  width:32px!important;
  height:34px!important;
  max-width:32px!important;
  max-height:34px!important;
  min-width:32px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  transform:none;
  animation:none!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}

#liveMap .bus-marker img,
#liveMap .bus-marker.mb-live-bus-final img{
  display:block!important;
  width:26px!important;
  height:auto!important;
  max-width:26px!important;
  max-height:31px!important;
  min-width:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.42))!important;
}

#liveMap .bus-line-chip{
  position:absolute!important;
  right:-1px!important;
  top:-2px!important;
  display:grid!important;
  place-items:center!important;
  min-width:15px!important;
  width:auto!important;
  height:15px!important;
  padding:0 3px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:999px!important;
  color:#061019!important;
  font:950 8px/1 system-ui,sans-serif!important;
  box-shadow:0 2px 5px rgba(0,0,0,.35)!important;
}

/* Map markers must NEVER receive photo copyright watermark pills. */
#liveMap .mb-image-watermark,
.leaflet-container .mb-image-watermark{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
#liveMap .mb-watermark-host,
.leaflet-container .mb-watermark-host{
  position:initial;
}

/* Neutralize every experimental marker class from 13.3.0.3 / 13.3.0.4. */
#liveMap .mb13303-marker-safe,
#liveMap .mb13303-bus-marker-clamp,
#liveMap .mb13304-compact-bus-marker,
#liveMap .mb13304-compact-domain-marker{
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#liveMap .mb13304-compact-domain-marker::after{content:none!important}

/* ---------------------------------------------------------
   MOBILE MAP VIEW
   --------------------------------------------------------- */
@media(max-width:768px){
  #liveMap{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  #liveMap .leaflet-pane,
  #liveMap .leaflet-map-pane,
  #liveMap .leaflet-marker-pane{
    max-width:none!important;
  }

  /* Hide purely cinematic scan effect — map should be calm/readable. */
  .map-scan{display:none!important}

  /* No pulsing/blinking inside LIVE refresh button on mobile. */
  #liveRefreshBtn .pulse-dot{
    animation:none!important;
    box-shadow:none!important;
  }

  /* Header: remove moving particles/shimmer and the city pulse dot. */
  #ambientCanvas,
  .ambient-orb{
    display:none!important;
  }
  #cityPulse>i,
  .top-pulse>i{
    display:none!important;
    animation:none!important;
  }
  .topbar .apex-icon-btn::after,
  .topbar .icon-btn::after{
    display:none!important;
  }
  .topbar *,
  .topbar *::before,
  .topbar *::after{
    animation:none!important;
  }
}

/* Selected bus stays readable but does not bounce. */
#liveMap .bus-marker.selected{animation:none!important;transform:none!important}
