/**
Theme Name: Astra child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

ul.products.columns-1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.products.columns-1 li.product {
    display: flex;
    flex-direction: row !important;
    align-items: flex-start !important;
    border: 1px solid #eaeaea !important;
    padding: 10px !important;
    border-radius: 10px !important;
    position: relative; /* Allow absolute positioning of buttons */
    margin-bottom: 0.5em;
}

ul.products.columns-1 li.product .astra-shop-thumbnail-wrap {
    flex: 0 0 175px !important; /* Adjust the width of the image container */
    margin-right: 20px !important;
}

ul.products.columns-1 li.product .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    margin-bottom: 0 !important;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex: 1 !important;
    position: relative; /* Allow absolute positioning of buttons */
}

/* Position the buttons container */
ul.products.columns-1 li.product .astra-shop-summary-wrap > a.button,
ul.products.columns-1 li.product .astra-shop-summary-wrap > a.wc-quick-view-button {
    padding: 5px 10px !important; /* Smaller padding */
    font-size: 0.9em !important;  /* Smaller font size */
    width: auto !important;
    flex: 0 0 auto !important; /* Prevent buttons from stretching */
    text-align: center !important;
    border: none !important;
    border-radius: 5px !important;
    display: inline-block !important; /* Make buttons inline */
    position: absolute; /* Positioning the buttons */
    top: 0px; /* Distance from the top of the card */
     z-index: 9999999;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap > a.add_to_cart_button {
    background-color: #ff5e5e !important; /* Add desired background color */
    color: white !important; /* Add desired text color */
    right: 10px; /* Distance from the left of the card */
     z-index: 9999999;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap > a.wc-quick-view-button {
    background-color: #007cba !important; /* Add desired background color for Quick View button */
    color: white !important; /* Add desired text color */
    right: 40px; /* Distance from the left of the card, adjusted to avoid overlap */
     z-index: 9999999;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap > a.add_to_cart_button:hover,
ul.products.columns-1 li.product .astra-shop-summary-wrap > a.wc-quick-view-button:hover {
    opacity: 0.8 !important;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap a.ast-loop-product__link {
    margin-top: 0px !important; /* Adjust top margin to avoid overlap with buttons */
    margin-bottom: 0px !important;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap .woocommerce-loop-product__title {
    font-size: 1.5em !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap .ast-woo-shop-product-description {
    margin-bottom: 10px !important;
}

ul.products.columns-1 li.product .astra-shop-summary-wrap .price {
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
}

ul.products.columns-1 li.product .ast-woo-shop-product-description p {
    margin: 0 !important;
}

ul.products.columns-1 li.product .ast-woo-shop-product-description br {
    display: none !important;
}

.ast-on-card-button .ahfb-svg-iconset {
    display: none;
}



    @media (max-width: 767px) {
        ul.products.columns-1 li.product {
            flex-direction: column !important;
            align-items: center !important; /* Center align items for better appearance */
        }
    
        ul.products.columns-1 li.product .astra-shop-thumbnail-wrap {
            flex: 0 0 100% !important; /* Make image container take full width */
            margin-right: 0 !important;
            margin-bottom: 10px !important;
        }
    
        ul.products.columns-1 li.product .astra-shop-thumbnail-wrap img {
            width: 100% !important; /* Make image take full width */
            max-width: 380px !important;/* Set a max-width for better appearance */
            min-height: 190px !important;
            max-height: 200px !important;
            height: auto !important;
            border-radius: 10px !important;
            margin-bottom: 0 !important;
        }
    
        ul.products.columns-1 li.product .astra-shop-summary-wrap {
            align-items: flex-start !important;
            width: 100% !important; /* Make sure summary wrap takes full width */
        }
    
        ul.products.columns-1 li.product .astra-shop-summary-wrap > a.button,
        ul.products.columns-1 li.product .astra-shop-summary-wrap > a.wc-quick-view-button {
            position: static !important; /* Reset positioning */
            margin: 5px 0 !important; /* Add some spacing between buttons */
            width: calc(100% - 5px) !important; /* Make buttons take half the width with spacing */
        }

}


/* Ensure the clickable a tag covers the entire li */
ul.products.columns-1 li.product .li-quick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Set a lower z-index */
    display: block;
    text-decoration: none;
    color: inherit;
    pointer-events: auto; /* Ensure the link is clickable */
}

/* Ensure other elements inside li are above the clickable a tag */
ul.products.columns-1 li.product .astra-shop-thumbnail-wrap,
ul.products.columns-1 li.product .astra-shop-summary-wrap,
ul.products.columns-1 li.product .ast-woo-shop-product-description,
ul.products.columns-1 li.product .price,
ul.products.columns-1 li.product .ast-loop-product__link,
ul.products.columns-1 li.product .woocommerce-loop-product__title {
    position: relative;
    z-index: 2; /* Set a higher z-index */
    pointer-events: none; /* Ensure elements don't block the link */
}

/* Allow pointer events on specific interactive elements */
ul.products.columns-1 li.product .astra-shop-summary-wrap * {
    pointer-events: auto; /* Allow interaction with child elements */
}

/* Adjust li to be position relative to allow absolute positioning of the a tag */
ul.products.columns-1 li.product {
    position: relative; /* Ensure the li itself is relative */
}

ul.products.columns-1 li.product:hover {
    background-color: #f5f5f5; /* Very light grey */
}


/* Style for the label */
#billing_wooccm11_field label {
    font-weight: bold; /* Bold text */
    color: #333; /* Dark grey color */
    margin-right: 10px; /* Space between label and input */
    align-items: center; /* Center label vertically */
    display: inline-block;
    font-size: 15px;
    opacity: 1 !important;
    padding: 0;
}

/* Style for the required asterisk */
#billing_wooccm11_field label .required {
    color: #e74c3c; /* Red color */
    margin-left: 5px; /* Space between label text and asterisk */
}



/* Style for the input field */
#billing_wooccm11_field input[type="time"] {
    flex: 1; /* Take up the remaining space */
    padding: 10px; /* Add padding inside the input */
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Larger font size */
    background-color: #fff; /* White background */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Slight inner shadow */
    transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition */
}

/* Style for input field focus state */
#billing_wooccm11_field input[type="time"]:focus {
    border-color: #007cba; /* Blue border on focus */
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.5); /* Blue shadow on focus */
    outline: none; /* Remove default outline */
}

#billing_wooccm11_field .woocommerce-input-wrapper {
    display: block;
    float: left;
    margin-left: 65px;
}

 #billing_wooccm11_field .woocommerce-input-wrapper input {
    border-color: orange !important;
    border: solid 1px;
}

@media only screen and (max-width: 920px) {
    .wooccm-additional-fields::before {
        content: "";
        display: block;
        color: red; /* Optional: Style the text as desired */
        margin-bottom: 0px; /* Optional: Adds some space between the text and the following content */
    }
}



/* Style for the delivery time field */
#custom_delivery_time_field {
    margin-bottom: 20px;
}

.delivery-time-field input[type="time"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    cursor: pointer; /* Changes cursor to pointer to indicate clickability */
}

.delivery-time-field input[type="time"]:focus {
    border-color: #007cba;
    box-shadow: 0 0 5px rgba(0, 123, 186, 0.5);
    outline: none;
}

@media (min-width: 768px) {
    .delivery-time-field input[type="time"] {
        cursor: pointer;
        padding: 15px;
        font-size: 18px;
    }
}