/* Desktop Search – Add-on. Ändert Mobile nicht. */

#desktopSearchBtn{ display:none; }

@media (min-width: 769px){

  /* Mobile-Suche auf Desktop aus */
  #mobileSearchBtn,
  #mobileSearchBackdrop{
    display:none !important;
  }

  /* Basemap-Box nach links, Platz rechts für Lupe */
  #basemapSwitcher{
    right: 62px !important;
    border-radius:12px !important;
  }

  /* Lupe: FIXED rechts oben, WEISSER Button */
  #desktopSearchBtn.desktop-search-btn{
    display:inline-flex !important;
    position:fixed !important;
    top:10px !important;
    right:10px !important;
    z-index:2700 !important;

    width:44px;
    height:44px;
    margin:0 !important;

    background:#fff !important;
    color:#1e66ff !important;
    border:1px solid #cfd6e4 !important;
    border-radius:12px !important;
    cursor:pointer;
    font-size:26px;
    align-items:center;
    justify-content:center;
    line-height:1;
    box-shadow:0 4px 14px rgba(0,0,0,0.12);
  }
  #desktopSearchBtn.desktop-search-btn:hover{
    background:#f5f7fb !important;
    border-color:#b9c3d6 !important;
  }

  /* SearchDrawer als Popup (Desktop) */
  #searchDrawer.search-drawer{
    display:none !important;
    position:fixed !important;
    top:70px !important;
    right:10px !important;
    width:420px !important;
    max-width:92vw !important;
    max-height:70vh !important;
    overflow:auto !important;
    transform:none !important;
    z-index:2600 !important;
    background:#fff !important;
    border-radius:12px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
  }
  body.desktop-search-open #searchDrawer.search-drawer{
    display:block !important;
  }

  /* Backdrop auf Desktop nie */
  .mobile-search-backdrop{ display:none !important; }
}

@media (max-width: 768px){
  #desktopSearchBtn{ display:none !important; }
}
