/* Google Places Autocomplete styling */
.pac-container {
    z-index: 10000 !important;
    font-family: inherit;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.pac-item {
    padding: 8px 10px;
    font-size: 14px;
    cursor: pointer;
}

.pac-item:hover {
    background-color: #f5f5f5;
}

.pac-item-selected {
    background-color: #ebf2fe;
}

.pac-icon {
    margin-right: 10px;
}

.pac-matched {
    font-weight: bold;
}

/* Styling voor locatie inputvelden */
input.google-places-autocomplete {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23aaa" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px !important;
    background-size: 16px;
}