/**
 * MISTER FAST LiveMapChat WEB V4.1.2
 * Sidebar Handle — Map Side Anchor
 * Scope: move the existing handle toward the Map while keeping it attached
 * to the Sidebar/Map boundary.
 */

@media (min-width:861px){
  body.mf-workspace-theme-v1 .mf212-sidebar-toggle,
  body.mf-desktop-shell-body .mf212-sidebar-toggle,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle{
    /* Boundary + half handle: handle sits mainly on Map side */
    left:calc(var(--mf-sidebar-open-width, 194px) + 13px)!important;
    transform:translate(-50%,-50%)!important;

    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:58px!important;

    border-left:1px solid rgba(255,255,255,.28)!important;
    border-radius:0 13px 13px 0!important;
    background:#003DA5!important;
    color:#fff!important;

    box-shadow:3px 5px 14px rgba(0,38,102,.22)!important;
  }

  body.mf-workspace-theme-v1.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-desktop-shell-body.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-web-full-blue-sidebar-v2112.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-web-google-layout-v212.mf212-sidebar-collapsed .mf212-sidebar-toggle{
    left:calc(var(--mf-sidebar-closed-width, 86px) + 13px)!important;
  }

  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:hover,
  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:focus-visible,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:hover,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:focus-visible,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:hover,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:focus-visible,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:hover,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:focus-visible{
    background:#FFC400!important;
    color:#003DA5!important;
    border-color:#FFC400!important;
    transform:translate(-50%,-50%) translateX(1px)!important;
  }

  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:active,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:active,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:active,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:active{
    transform:translate(-50%,-50%) scale(.96)!important;
  }
}

/* Keep the mobile drawer handle behavior unchanged. */
@media (max-width:860px){
  body .mf212-sidebar-toggle{
    left:auto!important;
  }
}