/* register-autofill.css */
/* Autocomplete/Datalist Styling */
input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Browser autocomplete styling */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px rgba(50, 50, 70, 0.5) inset;
    transition: background-color 5000s ease-in-out 0s;
    border: 2px solid rgba(100, 100, 120, 0.3);
}

input:-webkit-autofill:focus {
    border-color: #00d9ff;
}

/* Datalist dropdown styling - limited due to browser restrictions */
datalist {
    background-color: rgba(30, 0, 50, 0.95);
}

option {
    background-color: rgba(30, 0, 50, 0.95);
    color: #fff;
    padding: 10px;
}

/* For Firefox */
input::-moz-list-thumbnail {
    background-color: rgba(30, 0, 50, 0.95);
}

/* Custom styling for dropdown suggestion */
input[list]::-webkit-list-button {
    color: #00d9ff;
}