/* 2026-11-03: responsive delivery picker and seller map usability fixes */
.lb-picker-sheet{position:relative!important}
.lb-picker-dismiss{position:absolute;right:12px;top:12px;z-index:10;display:grid;place-items:center;width:36px;height:36px;border:1px solid #bdcee0;border-radius:50%;background:#fff;color:#193250;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #1332}
.lb-picker-dismiss:focus-visible,.lb-map-filters-toggle:focus-visible,.lb-map-interact:focus-visible{outline:3px solid #178af3;outline-offset:2px}
.lb-picker-sheet h2{padding-right:36px!important}
@media(max-width:760px){
 .lb-picker-overlay{align-items:center!important;padding:12px!important;box-sizing:border-box}
 .lb-picker-sheet{width:min(440px,100%)!important;max-height:min(76dvh,620px)!important;padding:15px 16px!important;border-radius:18px!important;overflow-y:auto!important;overscroll-behavior:contain}
 .lb-picker-handle{display:none!important}
 .lb-picker-sheet h2{font-size:18px!important;margin:0 38px 13px 0!important;gap:6px!important;line-height:1.2}
 .lb-picker-title-pin{font-size:20px!important}
 .lb-picker-option{min-height:58px!important;padding:6px 10px!important;margin:5px 0!important;gap:10px!important;border-radius:12px!important}
 .lb-picker-option .lb-picker-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:11px!important}
 .lb-picker-icon svg{width:29px!important;height:29px!important}
 .lb-picker-option b{font-size:14px!important}
 .lb-picker-option small{font-size:11px!important;line-height:1.25!important}
 .lb-picker-chevron{font-size:23px!important}
 .lb-picker-dialog{padding:10px!important;margin:7px 0!important;gap:8px!important}
 .lb-picker-dialog .lb-picker-map{height:min(35dvh,230px)!important}
 .lb-picker-dismiss{right:9px;top:9px;width:32px;height:32px}
 /* Map and seller cards should be navigable without full-screen map trapping page scroll. */
 #app .lb-seller-layout{display:flex!important;flex-direction:column!important;min-height:0!important;gap:12px}
 #app .lb-seller-mapbox:not(.lb-map-expanded):not(:fullscreen){display:block!important;position:relative;min-height:0!important;height:min(46dvh,330px)!important;max-height:330px!important;overflow:hidden!important}
 #app .lb-seller-mapbox:not(.lb-map-expanded):not(:fullscreen) .lb-map-view,#app .lb-seller-mapbox:not(.lb-map-expanded):not(:fullscreen) .leaflet-container{height:100%!important;min-height:0!important;max-height:100%!important}
 #app .lb-seller-mapbox:not(.lb-map-expanded):not(:fullscreen):not(.lb-map-touch-active) .lb-map-view{pointer-events:none!important;touch-action:pan-y!important}
 #app .lb-seller-mapbox .lb-map-legend{top:63px!important;right:8px!important;max-width:calc(100% - 16px)!important;width:190px!important;padding:9px!important;border-radius:12px!important}
 #app .lb-map-legend.is-collapsed{width:auto!important;min-width:150px}
 #app .lb-map-legend.is-collapsed>p,#app .lb-map-legend.is-collapsed .lb-map-legend-row{display:none!important}
 #app .lb-map-legend-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px!important}
 #app .lb-map-filters-toggle{background:#e9f4ff;border:1px solid #b4d5f4;border-radius:8px;color:#1254ac;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}
 #app .lb-map-interact{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:950;white-space:nowrap;background:white;color:#0758ad;border:1px solid #85b9ed;border-radius:22px;padding:9px 13px;font-size:12px;font-weight:750;box-shadow:0 3px 12px #1334;cursor:pointer}
 #app .lb-seller-mapbox.lb-map-touch-active .lb-map-interact{background:#e8f8ed;color:#087744;border-color:#7cbd8e}
 #app .lb-seller-mapbox:not(.lb-map-expanded) .lb-map-mode{top:10px!important;right:10px!important}
 #app .lb-seller-side{min-height:0!important;max-height:none!important;overflow:visible!important}
 #app .lb-seller-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .lb-seller-tools > *{min-width:0!important;width:100%!important;max-width:100%!important}
 #app .lb-seller-tools #lb-place{grid-column:1/-1}
 #app .lb-seller-page h1{font-size:25px}
 #app .lb-seller-page .intro{font-size:13px}
}
@media(min-width:761px){
 .lb-picker-sheet{width:min(510px,calc(100% - 32px))!important;max-height:80dvh!important;padding:20px!important}
 .lb-picker-option{min-height:68px!important;margin:5px 0!important}
 .lb-picker-option .lb-picker-icon{width:55px!important;height:53px!important;flex-basis:55px!important}
}