/* Style for the search input */
.vsw-vendor-search-widget {
    position: relative;
}

.vsw-vendor-search-widget input[type="text"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box;
}

.vsw-search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Adjust as needed */
    height: 20px;
    cursor: pointer;
}

/* Style for the autocomplete dropdown */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    font-size: 16px;
    /* Background color will be controlled via Elementor */
}

.ui-menu-item-wrapper {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* Profile picture styles */
.ui-autocomplete img.vsw-profile-pic {
    width: 40px; /* Default width, can be overridden via Elementor */
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

/* Vendor name styles */
.ui-autocomplete .vsw-vendor-name {
    font-size: 16px;
    /* Text color will be controlled via Elementor */
}

/* Hover effect */
.ui-menu-item-wrapper:hover {
    background-color: #f0f0f0;
}