/* ═══ BADGES — Product cards & single ════════════════ */

body.inkside-theme .ink-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    max-width: calc(100% - 20px);
    pointer-events: none;
}

body.inkside-theme .ink-badge {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    font-family: var(--ink-font);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: var(--ink-radius-sm);
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    pointer-events: auto;
}

/* Hide overflow badges past the 4th one to avoid clutter */
body.inkside-theme .ink-badges .ink-badge:nth-of-type(n+5) {
    display: none;
}

/* ── Badge variants ── */
body.inkside-theme .ink-badge--promo         { background-color: var(--ink-red);     color: #fff; }
body.inkside-theme .ink-badge--bestseller    { background: linear-gradient(135deg, var(--ink-primary), var(--ink-blue)); color: #fff; }
body.inkside-theme .ink-badge--new           { background-color: var(--ink-blue);    color: #fff; }
body.inkside-theme .ink-badge--eco           { background-color: var(--ink-accent);  color: #fff; }
body.inkside-theme .ink-badge--eco-certified { background-color: var(--ink-accent);  color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.45), 0 1px 2px rgba(0,0,0,0.08); }
body.inkside-theme .ink-badge--recycled      { background-color: #2f7d4f;            color: #fff; }
body.inkside-theme .ink-badge--budget        { background-color: var(--ink-orange);  color: #fff; }
body.inkside-theme .ink-badge--popular       { background-color: var(--ink-primary); color: #fff; }
body.inkside-theme .ink-badge--custom        { background-color: var(--ink-dark);    color: #fff; }

/* ── Inline badge (non-positioned, e.g. inside single product summary) ── */
body.inkside-theme .ink-badge--inline {
    position: static;
}

body.inkside-theme .woocommerce div.product .ink-badges {
    position: static;
    margin-bottom: var(--ink-space-sm);
    max-width: none;
}

/* ── Mobile tweak ── */
@media (max-width: 480px) {
    body.inkside-theme .ink-badges {
        top: 8px;
        left: 8px;
        gap: 3px;
    }
    body.inkside-theme .ink-badge {
        height: 20px;
        padding: 0 7px;
        font-size: 9px;
    }
    body.inkside-theme .ink-badges .ink-badge:nth-of-type(n+4) {
        display: none;
    }
}