/**
 * OCHIN Field Autocomplete Dropdown Styles
 *
 * Uses WPForms CSS custom properties so the dropdown automatically matches
 * whatever field styling theme is active on the form. Fallback values match
 * the WPForms Classic theme defaults.
 */

.ochin-ac-dropdown {
    position: absolute !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background-color: var(--wpforms-field-background-color, #fff) !important;
    border-width: var(--wpforms-field-border-size, 1px) !important;
    border-style: var(--wpforms-field-border-style, solid) !important;
    border-color: var(--wpforms-field-border-color, #ccc) !important;
    border-radius: var(--wpforms-field-border-radius, 2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    max-height: 240px !important;
    overflow-y: auto !important;
    display: none;
}

.ochin-ac-dropdown li {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px var(--wpforms-field-size-padding-h, 12px) !important;
    font-size: var(--wpforms-field-size-font-size, 14px) !important;
    color: var(--wpforms-field-text-color, #333) !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid var(--wpforms-field-border-color, #ccc) !important;
    background-color: var(--wpforms-field-background-color, #fff) !important;
}

.ochin-ac-dropdown li:last-child {
    border-bottom: none !important;
}

.ochin-ac-dropdown li:hover,
.ochin-ac-dropdown li:focus {
    background-color: var(--wpforms-field-border-color, #ccc) !important;
    color: var(--wpforms-field-text-color, #333) !important;
    opacity: 0.85 !important;
    outline: none !important;
}