/* --- mavjud kodlaringiz ustiga qo‘shing yoki o‘rnini bosing --- */

/* Map shell heights: oldingidek */
:root { --sidebar-w: 360px; }
html, body { height: 100%; margin: 0; background:#f8f9fa; }

.map-shell {
  position: relative;
  min-height: calc(100vh - 56px);
  height: calc(100sv - 56px);
}
@supports (height: 100dvh) {
  .map-shell { height: calc(100dvh - 56px); }
}
#map.map-full { position: absolute; inset: 0; min-height: 320px; }

/* Floating qidiruv faqat MOBILDA ko‘rinsin */
.map-floating { position:absolute; top:12px; left:12px; right:12px; z-index:1000; }
@media (min-width: 992px) {
  .map-floating { display:none; }
}

/* Desktop: offcanvas fixed, kengligi cheklangan */
@media (min-width: 992px) {
  .offcanvas-lg{
    visibility:visible!important; transform:none!important;
    position:fixed; top:56px; bottom:0; left:0;
    width:var(--sidebar-w); border-right:1px solid #dee2e6; z-index:1030;
  }
  .map-shell{
    margin-left:var(--sidebar-w);
    min-height: calc(100vh - 56px);
    height: calc(100vh - 56px);
  }
}

/* --- Qidiruv paneli natijalari panel ichida scroll qilsin (desktop) --- */
.offcanvas-body{
  display:flex; flex-direction:column; gap:10px;
  overflow: hidden; /* ichidagi ro‘yxatlarga scroll beramiz */
}
#providers{ max-height: 220px; overflow:auto; }
#searchResults{
  flex:1 1 auto;
  min-height: 120px;
  overflow:auto;               /* <-- muhim */
  border-radius: 10px;
  padding: 2px;
  background: #fff;
  border: 1px solid #e9ecef;
}

/* Natija kartalari */
#searchResults .result-item{
  background:#fff; border:1px solid #e9ecef; border-radius:10px;
  transition: box-shadow .15s ease, transform .06s ease, background .15s ease;
  margin: 6px;
}
#searchResults .result-item:hover{ background:#f9fbff; box-shadow:0 4px 14px rgba(31,38,135,.08); }
#searchResults .result-item.selected{ border-color:#1e88e5; box-shadow:0 0 0 3px rgba(30,136,229,.18); }
#searchResults .line-state{ font-weight:700; font-size:14px; }
#searchResults .line-city{ font-weight:600; font-size:12px; color:#555; }
#searchResults .line-name{ font-size:13px; margin-top:4px; }
#searchResults .line-type{ font-size:11px; color:#777; }

/* Zoom tugmalari */
.leaflet-control-zoom a{ width:40px; height:40px; line-height:40px; font-size:18px; }
/* Mobilda Leaflet control pastga tegmasin */
@media (max-width: 991.98px){
  .leaflet-top .leaflet-control{ margin-top:70px; }
}