/* PBS Buy X Get Y Free – Product & Category Badges */

/* ── Base badge wrapper ──────────────────────────────────────────────────────── */
.pbs-bxgyf-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 5px;
    pointer-events: none;
    line-height: 1;
}

/* ── Badge pill ──────────────────────────────────────────────────────────────── */
.pbs-bxgyf-badge {
    display: inline-block;
    background: #e02424;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 9px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

/* ── Product loop cards ──────────────────────────────────────────────────────── */
/* Ensure the anchor/wrapper that JS moves the badge into is positioned */
.woocommerce ul.products li.product {
    position: relative;
}
.woocommerce ul.products li.product a {
    position: relative;
    display: block;
}

/* ── Single product page ─────────────────────────────────────────────────────── */
.woocommerce-product-gallery {
    position: relative !important;
}
.pbs-bxgyf-badges--single {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}

/* ── Category tile page ──────────────────────────────────────────────────────── */
.woocommerce ul.products li.product-category {
    position: relative;
}
.woocommerce ul.products li.product-category a {
    position: relative;
    display: block;
}
.pbs-bxgyf-badges--cat-tile {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 5px;
    pointer-events: none;
}

/* ── Divi 5 overrides ────────────────────────────────────────────────────────── */
.et_pb_wc_product_categories .pbs-bxgyf-badges--cat-tile,
.et_pb_shop .pbs-bxgyf-badges--loop {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}