/*
 * pbp_address_autocomplete.css
 * Shared styles for the system-wide address autocomplete widget.
 * Paired with assets/js/pbp_address_autocomplete.js.
 * Selectors are intentionally global (no page scope) so any page that
 * loads this file gets a consistent suggestions dropdown.
 */

.address-field-wrap {
    position: relative;
}

.address-suggestions {
    display: none;
    position: absolute;
    z-index: 2147483000;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    max-height: 220px;
    overflow: auto;
    background: #fff;
    border: 1px solid var(--ic-border, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16);
}

.address-suggestion {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.72);
    background: #fff;
    text-align: left;
    padding: 10px;
    color: #334155;
    cursor: pointer;
    font-size: 14px;
}

.address-suggestion:last-child {
    border-bottom: 0;
}

.address-suggestion:hover,
.address-suggestion:focus {
    background: #f1f5f9;
}

.address-suggestion .address-suggestion-main {
    display: block;
    font-weight: 700;
}

.address-suggestion .address-suggestion-meta {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #64748b;
}