/**
 * Stock Status Badge — Structural Styles
 *
 * Colours, border, and border-radius are injected as dynamic inline CSS
 * by WAF_Stock_Status::enqueue_frontend_assets() so they always reflect
 * the live admin settings without a full stylesheet regeneration.
 *
 * @package WooAddonFeatures\Modules\StockStatus
 */

/* ── Badge container ─────────────────────────────────────────────────────── */

.waf-stock-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    padding: 0.3em 0.8em;
    font-size: 0.85em;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.02em;
    white-space: nowrap;
    text-decoration: none;
    cursor: default;
    vertical-align: middle;
    /* Smooth admin-save refreshes */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* ── Status-specific pseudo icon ─────────────────────────────────────────── */

.waf-stock-badge--in-stock::before {
    content: "●";
    font-size: 0.6em;
    opacity: 0.85;
}

.waf-stock-badge--out-of-stock::before {
    content: "●";
    font-size: 0.6em;
    opacity: 0.85;
}