/**
 * MISTER FAST LiveMapChat WEB V4.2.2
 * LiveMap Online Header Button
 */

/* Live Map control has moved from the side tool stack to the news header. */
.mf21-side-tools [data-mf21-mode="live"]{
  display:none!important;
}

/* Header LIVE button replacing the duplicate fullscreen button. */
.mf3532-inline-news-header .mf422-live-header-button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:64px!important;
  height:42px!important;
  padding:0 11px!important;
  border:1px solid rgba(0,61,165,.16)!important;
  border-radius:12px!important;
  background:#edf8f1!important;
  color:#087e3d!important;
  box-shadow:0 4px 12px rgba(0,61,165,.08)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  overflow:visible!important;
}

.mf3532-inline-news-header .mf422-live-header-button:hover,
.mf3532-inline-news-header .mf422-live-header-button:focus-visible{
  background:#FFC400!important;
  border-color:#FFC400!important;
  color:#003DA5!important;
  outline:none!important;
}

.mf3532-inline-news-header .mf422-live-header-button.is-active{
  background:#e7f8ee!important;
  color:#087e3d!important;
}

.mf422-live-header-button b{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  line-height:1!important;
}

.mf422-live-dot{
  position:relative!important;
  display:block!important;
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border-radius:50%!important;
  background:#20c86a!important;
  box-shadow:0 0 0 0 rgba(32,200,106,.5)!important;
  animation:mf422LivePulse 1.45s ease-out infinite!important;
}

.mf422-live-dot::after{
  content:''!important;
  position:absolute!important;
  inset:-4px!important;
  border-radius:50%!important;
  border:1px solid rgba(32,200,106,.32)!important;
  animation:mf422LiveRing 1.45s ease-out infinite!important;
}

@keyframes mf422LivePulse{
  0%{
    transform:scale(.92);
    box-shadow:0 0 0 0 rgba(32,200,106,.52);
  }
  65%{
    transform:scale(1);
    box-shadow:0 0 0 8px rgba(32,200,106,0);
  }
  100%{
    transform:scale(.92);
    box-shadow:0 0 0 0 rgba(32,200,106,0);
  }
}

@keyframes mf422LiveRing{
  0%{transform:scale(.72);opacity:.85}
  75%{transform:scale(1.35);opacity:0}
  100%{transform:scale(1.35);opacity:0}
}

/* The fullscreen button on the actual Map toolbar remains visible. */
.mf311-map-toolbar [data-mf52-map-fullscreen]{
  display:grid!important;
}

@media (max-width:700px){
  .mf3532-inline-news-header .mf422-live-header-button{
    min-width:46px!important;
    width:46px!important;
    padding:0!important;
  }

  .mf422-live-header-button b{
    display:none!important;
  }
}