/* =============================================================
   map-picker.css  —  Reusable map-picker modal styles
   ============================================================= */

.hc-map-picker-modal {
    position : fixed;
    inset    : 0;
    z-index  : 9999;
    display  : flex;               /* overridden inline; flex keeps centring */
    align-items: center;
    justify-content: center;
}

.hc-map-picker-modal__backdrop {
    position : absolute;
    inset    : 0;
    background: rgba(0,0,0,.55);
}

.hc-map-picker-modal__dialog {
    position      : relative;
    z-index       : 1;
    background    : #fff;
    border-radius : 10px;
    width         : 90vw;
    max-width     : 760px;
    max-height    : 90vh;
    display       : flex;
    flex-direction: column;
    box-shadow    : 0 20px 60px rgba(0,0,0,.35);
    overflow      : hidden;
}

.hc-map-picker-modal__header {
    display      : flex;
    align-items  : center;
    justify-content: space-between;
    padding      : 14px 18px;
    border-bottom: 1px solid #e8edf3;
}
.hc-map-picker-modal__header strong {
    font-size  : 15px;
    font-weight: 600;
    color      : #1a2b48;
}
.hc-map-picker-modal__close {
    background: none;
    border    : none;
    font-size : 22px;
    line-height: 1;
    cursor    : pointer;
    color     : #888;
    padding   : 0 4px;
}
.hc-map-picker-modal__close:hover { color: #333; }

.hc-map-picker-modal__search-row {
    padding: 10px 18px;
    border-bottom: 1px solid #e8edf3;
}
.hc-map-picker-modal__search-row .form-control {
    border-radius: 6px;
}

.hc-map-picker-modal__map-wrap {
    flex: 1;
    position: relative;
    min-height: 0;
}
.hc-map-picker-modal__map-hint {
    position  : absolute;
    bottom    : 8px;
    left      : 50%;
    transform : translateX(-50%);
    background: rgba(0,0,0,.55);
    color     : #fff;
    font-size : 12px;
    padding   : 4px 12px;
    border-radius: 20px;
    pointer-events: none;
    white-space: nowrap;
}

.hc-map-picker-modal__footer {
    display      : flex;
    align-items  : center;
    justify-content: space-between;
    padding      : 12px 18px;
    border-top   : 1px solid #e8edf3;
    gap          : 12px;
}
.hc-map-picker-modal__coords {
    font-size  : 13px;
    color      : #5e6d77;
    font-family: monospace;
    flex       : 1;
    overflow   : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* "Pick from map" link inside autocomplete dropdown */
.hc-pick-map-link {
    display     : flex;
    align-items : center;
    gap         : 6px;
    padding     : 10px 14px;
    font-size   : 13px;
    color       : #5191fa;
    cursor      : pointer;
    border-bottom : 1px solid #f0f4f8;
    text-decoration: none;
}
.hc-pick-map-link:hover { background: #f0f6ff; text-decoration: none; }
.hc-pick-map-link i { font-size: 15px; }