/*
Theme Name: Wolmart Child
Theme URI: https://wolmart.org/
Author: D-THEMES
Author URI: https://wolmart.org/about-me/
Description: Wolmart Responsive WordPress + eCommerce Theme.
Version: 1.0
Template: wolmart
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** REPLACEMENT CSS  ***************/
/* Product Page */
.in-stock {
	font-size: 16px !important;
	font-weight: bold !important;
}

p.stock.out-of-stock {
    display: none;
}

p.stock.available-on-backorder {
    display: none;
}

.single_add_to_cart_button {
	background-color: #00aa00 !important;
}



.single_buy_now_button {
    border: 1px solid #00aa00 !important; /* Border color */
    background-color: transparent !important; /* Default background color */
    color: #00aa00 !important; /* Default text color */
    transition: background-color 0.3s, color 0.3s !important; /* Optional: adds a smooth transition effect */
}

.single_buy_now_button:hover {
    background-color: #00aa00 !important; /* Match the border color */
    color: white !important; /* Change text color to white on hover */
}

/*************** ADDED CSS  ***************/
/* Product Page */
.custom-stock-alert {
    display: flex; /* Set the custom stock alert container as a flexbox */
    align-items: center; /* Vertically center the children (icon and text) */
}

.custom-stock-alert .stock-icon {
    margin-right: 10px; /* Space between icon and text */
    display: flex;
    align-items: center; /* Vertically center the icon inside its container */
}

.custom-stock-alert .stock-icon i {
    font-size: 20px; /* Adjust the icon size */
}