/*
Theme Name: Organify
Theme URI: http://demo.casethemes.net/organify
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Organify is a beautiful, modern, and responsive Organic Food Store WordPress Theme. Organify is a perfect fit for any natural food related website like fresh grocer, market food, grocery market, organic ecommerce website, organic food store, Organic markets, supermarkets and online groceries. Additionally, it is perfect for eco product stores, fresh breads, bakery shops and even natural cosmetics stores.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: organify
Tags: organic, organic theme, organic store, organic food store, organic shop, organic farm, food, farm, store, nutrition, fruit, woocommerce, fresh, vegetable
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

*/
/*
.ajax-product-search-container {
    position: relative;
    width: 100%;
    max-width: 400px; /* Adjust width as needed */
/*}*/

#ajax-product-search {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Padding on the left for text and right for icon */
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.search-icon {
    position: absolute;
    top: 50%;
    right: 10px; /* Move the icon to the right inside the input field */
    transform: translateY(-50%); /* Vertically center the icon */
    font-size: 16px; /* Adjust the size as needed */
    color: #999; /* Icon color, you can change this */
    pointer-events: none; /* Disable clicking on the icon */
}

#search-results {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
    position: absolute;
    width: 100%;
    z-index: 999;
    display: none;
}

.ajax-search-results li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.ajax-search-results li:hover {
    background-color: #f9f9f9;
}

.product-thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.product-info h3 {
    font-size: 16px;
    margin: 0;
    color: #333;
}

.product-info span {
    font-size: 14px;
    color: #777;
}