/*
 * MISTER FAST LiveMapChat WEB V4.5.3
 * Driver Speech Balloon Final Override
 * UI-only patch: keeps existing marker/map/data engines intact.
 */

/* The older yellow rounded card is replaced by one clean white speech balloon. */
.leaflet-marker-icon.mf4413-hover-ready::after{
  content:attr(data-mf4413-name) "\A" attr(data-mf4413-status) "\A" attr(data-mf4413-meta)!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 18px)!important;
  min-width:142px!important;
  max-width:196px!important;
  width:max-content!important;
  box-sizing:border-box!important;
  padding:8px 11px 9px!important;
  border:1px solid #d6dbe3!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17243a!important;
  font:600 11px/1.55 Kanit,Prompt,Arial,sans-serif!important;
  white-space:pre-line!important;
  text-align:left!important;
  box-shadow:0 3px 10px rgba(24,39,61,.18)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:10000!important;
  transform:translate(-50%,4px) scale(.98)!important;
  transform-origin:50% 100%!important;
  transition:opacity .14s ease,visibility .14s ease,transform .14s ease!important;
}

/* Short centered speech tail — no long connector and no yellow border. */
.leaflet-marker-icon.mf4413-hover-ready::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 11px)!important;
  width:14px!important;
  height:14px!important;
  border:0!important;
  border-right:1px solid #d6dbe3!important;
  border-bottom:1px solid #d6dbe3!important;
  border-radius:0 0 2px 0!important;
  background:#fff!important;
  box-shadow:2px 2px 3px rgba(24,39,61,.05)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:9999!important;
  transform:translateX(-50%) rotate(45deg)!important;
  transition:opacity .14s ease,visibility .14s ease!important;
}

.leaflet-marker-icon.mf4413-hover-ready:hover::after,
.leaflet-marker-icon.mf4413-hover-ready:focus-visible::after,
.leaflet-marker-icon.mf4413-hover-ready.mf4413-touch-active::after,
.leaflet-marker-icon.mf4413-hover-ready.mf433-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf434-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf439-demo-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf442-selected::after{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0) scale(1)!important;
}

.leaflet-marker-icon.mf4413-hover-ready:hover::before,
.leaflet-marker-icon.mf4413-hover-ready:focus-visible::before,
.leaflet-marker-icon.mf4413-hover-ready.mf4413-touch-active::before,
.leaflet-marker-icon.mf4413-hover-ready.mf433-selected::before,
.leaflet-marker-icon.mf4413-hover-ready.mf434-selected::before,
.leaflet-marker-icon.mf4413-hover-ready.mf439-demo-selected::before,
.leaflet-marker-icon.mf4413-hover-ready.mf442-selected::before{
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:760px){
  .leaflet-marker-icon.mf4413-hover-ready::after{
    min-width:136px!important;
    max-width:178px!important;
    padding:7px 9px 8px!important;
    font-size:10.5px!important;
  }
}