/**
 * stock.css
 *
 * Styles for product stock status indicators.
 *
 * @package           Kiya_Helper_WooCommerce
 * @author            Kiya Holding <KiyaHolding@gmail.com>
 * @copyright         2026 Kiya Holding
 * @license           GPL-2.0-or-later
 * @link              https://KiyaHolding.com
 */

/* ===== Stock Status ===== */
.kh-stock-status {
    display: inline-block;
    padding: var(--kh-stock-padding, 4px 12px);
    border-radius: 4px;
    font-size: var(--kh-stock-font-size, 12px);
    font-weight: bold;
    line-height: var(--kh-stock-line-height, 1.5);
    transition: all 0.3s ease;
}

/* In stock */
.kh-stock-status.in-stock {
    background-color: var(--kh-stock-in-stock-bg, #4CAF50);
    color: var(--kh-stock-in-stock-text, #ffffff);
}

/* Out of stock */
.kh-stock-status.out-of-stock {
    background-color: var(--kh-stock-out-stock-bg, #f44336);
    color: var(--kh-stock-out-stock-text, #ffffff) !important;
}

/* ===== Stock Dot (when show_text='no') ===== */
.kh-stock-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: currentColor;
}

.kh-stock-status.in-stock .kh-stock-dot {
    background-color: var(--kh-stock-in-stock-bg, #4CAF50);
}

.kh-stock-status.out-of-stock .kh-stock-dot {
    background-color: var(--kh-stock-out-stock-bg, #f44336);
}

/* ===== Combined Wrapper (Favorite + Stock) ===== */
.kh-fav-stock-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}