/* MISTER FAST MINI V63.4.6.11
   Driver Panel Toggle Fix
   Scope: only the mobile Driver Discovery bottom sheet.
*/
@media (max-width: 760px) {
  body.mf63-show-map .mf532-radius-panel {
    will-change: transform;
    overscroll-behavior: contain;
  }

  /* Keep the handle/header clickable above every child and map layer. */
  body.mf63-show-map .mf6346-discovery-toggle {
    position: sticky !important;
    top: -9px !important;
    z-index: 50 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    pointer-events: auto !important;
  }

  body.mf63-show-map .mf6346-discovery-toggle > * {
    pointer-events: none !important;
  }

  body.mf63-show-map .mf6346-discovery-toggle:active {
    transform: scale(.985);
  }

  /* Arrow state is controlled directly by JavaScript. */
  body.mf63-show-map .mf6346-discovery-toggle b {
    transition: transform .2s ease, box-shadow .2s ease !important;
  }

  body.mf634611-panel-open .mf6346-discovery-toggle b {
    transform: rotate(180deg) !important;
  }

  /* Existing class remains supported for compatibility. */
  body.mf6346-discovery-open .mf6346-discovery-toggle b {
    transform: rotate(180deg) !important;
  }

  /* Keep the floating search button in one fixed screen position. */
  body.mf63-show-map .mf63462-mobile-search,
  body.mf63-show-map .mf63461-mobile-search,
  body.mf63-show-map .mf6346-mobile-search {
    position: fixed !important;
  }
}

/* V63.4.6.13 — Panel Breakpoint Fix
   Bug only: the mobile search button already appears up to 1100px/coarse pointer,
   but the Driver Panel bottom-sheet rules previously stopped at 760px. */
@media (max-width: 1100px), (pointer: coarse) {
  body.mf63-show-map .mf532-radius-panel {
    display: block !important;
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
    z-index: 1700 !important;
    max-height: 64dvh !important;
    overflow-y: auto !important;
    transform: translateY(calc(100% - 58px)) !important;
  }

  body.mf63-show-map.mf634611-panel-open .mf532-radius-panel,
  body.mf63-show-map.mf6346-discovery-open .mf532-radius-panel {
    transform: translateY(0) !important;
  }

  body.mf63-show-map .mf6346-discovery-toggle {
    display: flex !important;
  }
}
