/**
 * Inspira Woo Add-ons — Storefront Labels frontend styles.
 *
 * Loaded only when "Show SKU on shop loop" OR "Show SKU on single product"
 * is enabled. Tiny by design — theme stylesheets can override via the
 * .iwa-shop-loop-sku and .iwa-single-product-sku classes (and their inner
 * -icon / -label / -value spans).
 *
 * Default visual style uses Inspira's neutral palette. The tag icon
 * inherits its color from the parent label via stroke="currentColor".
 */

/* ─── Shop loop / archive / category card SKU line ─────────── */
.iwa-shop-loop-sku {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #6B665B;
    line-height: 1.4;
    margin: 4px 0;
    letter-spacing: .02em;
}

.iwa-shop-loop-sku-icon {
    flex-shrink: 0;
    /* Inherits color from parent via stroke="currentColor". */
}

.iwa-shop-loop-sku-label {
    /* No special rules — inherits parent. */
}

.iwa-shop-loop-sku-value {
    color: #14130F;
    font-weight: 700;
}

/* ─── Single product page SKU line ─────────────────────────── */
.iwa-single-product-sku {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #6B665B;
    line-height: 1.4;
    margin: 6px 0;
    letter-spacing: .02em;
}

.iwa-single-product-sku-icon {
    flex-shrink: 0;
    color: #C8472B;
    /* Accent color on single product for emphasis — themes override
       freely via .iwa-single-product-sku-icon { color: ... }. */
}

.iwa-single-product-sku-label {
    /* No special rules — inherits parent. */
}

.iwa-single-product-sku-value {
    color: #14130F;
    font-weight: 700;
}