/**
 * MISTER FAST LiveMapChat WEB V3.5.8
 * Map Focus Fullscreen Mode
 */

body.mf358-map-focus{
  overflow:hidden!important;
  background:#fff!important;
}

/* Hide every global shell element that is not map work. */
body.mf358-map-focus .mf218-web-header,
body.mf358-map-focus [data-mf218-web-header],
body.mf358-map-focus .mf218-web-footer,
body.mf358-map-focus [data-mf218-web-footer],
body.mf358-map-focus .mf3532-inline-news-header,
body.mf358-map-focus .mf514-sidebar,
body.mf358-map-focus .mf514-chat-pane,
body.mf358-map-focus [data-mf-chat-launcher],
body.mf358-map-focus .mf215-map-driver-splitter,
body.mf358-map-focus .mf6192-driver-section,
body.mf358-map-focus [data-mf3306-root],
body.mf358-map-focus .mf3306-driver-feed,
body.mf358-map-focus .mf-floating-chat,
body.mf358-map-focus .mf514-edge-handle,
body.mf358-map-focus [data-mf59-edge-handle]{
  display:none!important;
}

/* Promote the existing map pane to the viewport. */
body.mf358-map-focus .mf514-window,
body.mf358-map-focus .mf514-grid{
  position:fixed!important;
  inset:0!important;
  z-index:999990!important;
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

body.mf358-map-focus .mf514-map-pane{
  position:fixed!important;
  inset:0!important;
  z-index:999991!important;
  display:flex!important;
  flex-direction:column!important;
  width:100vw!important;
  height:100vh!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Map-only toolbar: route, KPIs, map work details. */
body.mf358-map-focus .mf514-map-toolbar{
  position:relative!important;
  z-index:1004!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:74px!important;
  margin:0!important;
  padding:9px 76px 9px 16px!important;
  border:0!important;
  border-bottom:1px solid #dce7f4!important;
  border-radius:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 4px 18px rgba(0,45,100,.10)!important;
}

/* Main map surface consumes all remaining height. */
body.mf358-map-focus .mf514-map-wrap{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}

body.mf358-map-focus #mf514Map,
body.mf358-map-focus #mfLmcMap{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
}

/* Keep map information and radius controls above Leaflet. */
body.mf358-map-focus .mf532-radius-panel,
body.mf358-map-focus .mf514-estimate,
body.mf358-map-focus .mf311-map-toolbar,
body.mf358-map-focus .mf521-map-quick,
body.mf358-map-focus .mf514-locate{
  z-index:1003!important;
}

/* Dedicated exit button created by JS. */
.mf358-map-exit{
  position:fixed!important;
  top:12px!important;
  right:14px!important;
  z-index:1000005!important;
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:46px;
  height:44px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:13px;
  background:#003da5;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,39,104,.28);
  font:700 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}

body.mf358-map-focus .mf358-map-exit{
  display:inline-flex!important;
}

.mf358-map-exit:hover{
  background:#ffc400;
  color:#003da5;
}

.mf358-map-exit:focus-visible{
  outline:3px solid rgba(255,196,0,.6);
  outline-offset:2px;
}

/* Change the original fullscreen icon to restore icon while active. */
body.mf358-map-focus [data-mf52-map-fullscreen] span{
  font-size:0!important;
}
body.mf358-map-focus [data-mf52-map-fullscreen] span::after{
  content:'❐'!important;
  font-size:18px!important;
}

/* Prevent old fullscreen implementations from reserving columns. */
body.mf358-map-focus .mf514-window.is-map-fullscreen .mf514-grid{
  display:block!important;
  grid-template-columns:none!important;
}

@media (max-width:900px){
  body.mf358-map-focus .mf514-map-toolbar{
    min-height:62px!important;
    padding:7px 58px 7px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  body.mf358-map-focus .mf534-map-title{
    display:none!important;
  }

  .mf358-map-exit{
    top:8px!important;
    right:8px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    font-size:0!important;
  }

  .mf358-map-exit::before{
    content:'✕'!important;
    font-size:19px!important;
  }
}