/* MISTER FAST MINI V63.4.6.1 — Mobile Search Visibility Hotfix
   Scope: LiveMap / Driver Discovery only. */

/* Keep the floating search action available in compact app windows and mobile in-app browsers. */
body.mf63-show-map .mf6346-mobile-search,
body.mf63-show-map .mf63461-mobile-search {
  display: flex !important;
  position: fixed !important;
  right: 12px !important;
  top: max(92px, calc(env(safe-area-inset-top) + 74px)) !important;
  z-index: 2147482000 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 126px !important;
  height: 46px !important;
  padding: 0 15px !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: #003DA5 !important;
  color: #fff !important;
  font: 800 14px/1 Kanit,Prompt,sans-serif !important;
  box-shadow: 0 10px 28px rgba(0,61,165,.38) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateZ(0) !important;
}
body.mf63-show-map .mf6346-mobile-search span,
body.mf63-show-map .mf63461-mobile-search span {
  display: grid !important;
  place-items: center !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  background: #FFC400 !important;
  color: #003DA5 !important;
  font-size: 16px !important;
}
body.mf6346-discovery-open .mf6346-mobile-search,
body.mf6346-discovery-open .mf63461-mobile-search {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* In normal wide desktop mode, preserve the existing top search controls. */
@media (min-width: 1101px) and (pointer: fine) {
  body.mf63-show-map:not(.mf63461-compact-map) .mf6346-mobile-search,
  body.mf63-show-map:not(.mf63461-compact-map) .mf63461-mobile-search {
    display: none !important;
  }
}

/* Compact screen / in-app browser: the discovery panel works as a bottom sheet. */
@media (max-width: 1100px), (pointer: coarse) {
  body.mf63-show-map { overflow: hidden !important; }
  body.mf63-show-map .mf514-map-pane {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 900 !important;
    background: #fff !important;
  }
  body.mf63-show-map .mf514-map-wrap { flex: 1 !important; height: auto !important; min-height: 0 !important; }
  body.mf63-show-map #mf514Map { height: 100% !important; min-height: 0 !important; }
  body.mf63-show-map .mf6343-search-controls { display: none !important; }

  body.mf63-show-map .mf532-radius-panel {
    display: block !important;
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 2147482100 !important;
    max-height: 68dvh !important;
    padding: 9px 10px calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.99) !important;
    box-shadow: 0 -10px 36px rgba(8,30,66,.28) !important;
    overflow: auto !important;
    transform: translateY(calc(100% - 58px)) !important;
    transition: transform .24s ease !important;
  }
  body.mf6346-discovery-open .mf532-radius-panel { transform: translateY(0) !important; }
  .mf6346-discovery-toggle { display: flex !important; }
  .mf542-driver-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: 38dvh !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 430px) {
  body.mf63-show-map .mf6346-mobile-search,
  body.mf63-show-map .mf63461-mobile-search {
    top: max(88px, calc(env(safe-area-inset-top) + 70px)) !important;
    right: 9px !important;
    min-width: 118px !important;
    height: 44px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }
}
