/**
 * File: woo-stock-status.css
 * Purpose: Styles for WooCommerce product stock status indicators
 * Usage: Used across shop loops, product pages, and cart tables
 * Dependencies: Assumes WooCommerce class structure for `.stock` elements and custom `.woocommerce_stock_wrapper`
 *
 * Notes:
 * - Uses semantic classnames (`.in-stock`, `.backorder`, `.out-of-stock`)
 * - Color-coded with custom variables for consistency
 * - Applies across multiple locations: product listings, single product, and cart/checkout tables
 */


/* -------------------------- */
/* ---- Scoped Variables ---- */
/* -------------------------- */

/* No scoped variables at this time. Variables in use are global.*/

/* -------------------------- */
    


/* General Stock Status Styling  */
.woocommerce_stock_wrapper {
    font-size: 14px;
    font-weight: 600!important;
    margin-top: 5px;
    display: inline-block;
}

/* In Stock (WooCommerce Green) */
.woocommerce_stock_wrapper.in-stock, 
.woocommerce div.product .stock.in-stock,
td.product-stock .stock.in-stock
{
    color: var(--in-stock-color)!important;
}

/* Backorder (WooCommerce Orange) */
.woocommerce_stock_wrapper.backorder, 
.woocommerce div.product .stock.backorder,
td.product-stock .stock.backorder
{
    color:var(--backorder-color)!important;
}

/* Out of Stock (WooCommerce Red) */
.woocommerce_stock_wrapper.out-of-stock, 
.woocommerce div.product .stock.out-of-stock,
td.product-stock .stock.out-of-stock
{
    color: var(--out-of-stock-color)!important;
}