/* =========================
   NOBTI MAP PICKER
   ========================= */

.map-picker-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    padding: 18px;
}

#placePickerMap,
#editPlaceMap {
    width: 100%;
    height: 460px;
    min-height: 460px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    background: #dbe4ef;
    position: relative;
    z-index: 1;
}

.map-search-box {
    background: #ffffff;
    border-radius: 18px;
    padding: 15px;
    border: 1px solid #e2e8f0;
}

.map-help-box {
    background: #ffffff;
    border-radius: 18px;
    padding: 15px;
    border: 1px dashed #cbd5e1;
    color: #334155;
}

.map-help-box ul {
    padding-right: 20px;
}

.selected-location-box {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    padding: 15px;
}

.location-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    direction: ltr;
    text-align: left;
}

.location-values div {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 10px;
}

.location-values span {
    display: block;
    font-size: 0.8rem;
}

.location-values strong {
    color: #1d4ed8;
    font-size: 0.95rem;
}

.leaflet-container {
    font-family: Arial, Tahoma, sans-serif;
    background: #dbe4ef;
}

.leaflet-control-container {
    direction: ltr;
}

@media (max-width: 992px) {
    #placePickerMap,
    #editPlaceMap {
        height: 380px;
        min-height: 380px;
    }
}

@media (max-width: 576px) {
    #placePickerMap,
    #editPlaceMap {
        height: 320px;
        min-height: 320px;
    }

    .location-values {
        grid-template-columns: 1fr;
    }

    .map-picker-panel {
        padding: 12px;
    }
}