/**
 * Lauren's Promise – Address Enhancer  v1.1.0
 * Styles for: injected state text input + Geoapify autocomplete dropdown
 */

/* ── Injected state/province text input ────────────────────────── */

#lpa-state-text {
    width: 100%;
    box-sizing: border-box;
}

/* ── Autocomplete dropdown ─────────────────────────────────────── */

.lpa-autocomplete-list {
    position:         absolute;
    top:              100%;
    left:             0;
    right:            0;
    z-index:          9999;
    margin:           2px 0 0;
    padding:          0;
    list-style:       none;
    background:       #ffffff;
    border:           1px solid #d5d5d5;
    border-radius:    4px;
    box-shadow:       0 4px 16px rgba(0, 0, 0, 0.12);
    max-height:       260px;
    overflow-y:       auto;
    -webkit-overflow-scrolling: touch;
}

/* Individual suggestion item */
.lpa-autocomplete-item {
    display:     flex;
    flex-direction: column;
    gap:         2px;
    padding:     10px 14px;
    cursor:      pointer;
    border-bottom: 1px solid #f0f0f0;
    transition:  background 0.1s ease;
}

.lpa-autocomplete-item:last-child {
    border-bottom: none;
}

.lpa-autocomplete-item:hover,
.lpa-autocomplete-item.lpa-ac-active {
    background: #f5f5f5;
}

/* Primary line — street address */
.lpa-ac-primary {
    font-size:   0.9rem;
    font-weight: 500;
    color:       #1a1a1a;
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

/* Secondary line — city, state, country */
.lpa-ac-secondary {
    font-size: 0.78rem;
    color:     #777777;
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

/* Smooth show/hide on the select wrapper when country changes */
.elementor-select-wrapper {
    transition: opacity 0.12s ease;
}