@import url(./style.css);

/* Hide Order Now button in the product listing */
.row_wrapper_tab_one_products .whatsapp_buy_now_wrapper .whatsappButtonClass {
    display: none !important;
}

/* Redesign product text wrapper layout using CSS Grid */
.row_wrapper_tab_one_products .product_text_wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto !important;
    text-align: left !important;
    align-items: center !important;
    padding: 15px 4px !important;
    width: 100% !important;
}

/* Align title to top-left of the text area */
.row_wrapper_tab_one_products .product_text_wrapper h5.card-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: left !important;
    margin: 0 0 4px 0 !important;
    align-self: end !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

/* Align price to bottom-left of the text area */
.row_wrapper_tab_one_products .product_text_wrapper h3.product_price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    text-align: left !important;
    margin: 0 !important;
    align-self: start !important;
}

/* Put description under the title and price spanning across */
.row_wrapper_tab_one_products .product_text_wrapper .product_description {
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    text-align: left !important;
    margin-top: 8px !important;
}

/* Align add-to-cart button to the right of title and price */
.row_wrapper_tab_one_products .product_text_wrapper .whatsapp_buy_now_wrapper {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}

/* Align add-to-cart button itself and make it solid green with white icon */
.row_wrapper_tab_one_products .product_text_wrapper .whatsapp_buy_now_wrapper button.add-to-cart {
    margin: 0 !important;
    min-width: 42px !important;
    min-height: 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #239841;
}

.row_wrapper_tab_one_products .product_text_wrapper .whatsapp_buy_now_wrapper button.add-to-cart:hover {
    background: #f7ca2c;
    border: 1px solid #ffffff;
}

.row_wrapper_tab_one_products .product_text_wrapper .whatsapp_buy_now_wrapper button.add-to-cart img {
    max-width: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
}