/**
 * 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: var(--iwa-color-ink, #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: var(--iwa-color-accent, #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: var(--iwa-color-ink, #14130F);
    font-weight: 700;
}

/* ─── Price label prefix ──────────────────────────────────────
   Rendered by Storefront_Labels::prefix_price_html on
   woocommerce_get_price_html. Wraps a short label like "Price:"
   that prepends every product price on the storefront. Same
   weight as the surrounding price text for visual balance, with
   a slight color softening so the actual amount stays the focal
   point. Themes override freely via .iwa-price-label { ... }. */
.iwa-price-label {
    font-weight: 600;
    opacity: 0.85;
}