/* style.css */

/* --- Autocomplete Styles --- */
.autocomplete {
    /* Required to position the suggestions list correctly */
    position: relative; 
    display: inline-block; 
}

.autocomplete-items {
    /* Position the suggestions list right below the input */
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99; /* Ensure it floats above other content */
    top: 100%;
    left: 0;
    right: 0;
    max-height: 250px; /* Prevent it from getting too long */
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
}

/* Hover and selection effect */
.autocomplete-items div:hover,
.autocomplete-active {
    background-color: #e9e9e9;
}