/* ==========================================================
   THESMOKEHUB PRODUCT BADGES BY KING FLY v1.0.4
   Lightweight server-side badge styling. No frontend JS.
   v1.0.4: second badge moves to the opposite corner.
========================================================== */

.woocommerce span.onsale,
.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge,
.wc-block-components-product-image .onsale {
    display: none !important;
}

.wc-block-product,
.products .product,
.wp-block-post.product,
.product.type-product {
    position: relative !important;
}

.tsh-product-badges {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    z-index: 12;
    height: 68px;
    pointer-events: none;
}

.tsh-product-badge {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #ffffff;
    background: linear-gradient(135deg, #0067b2 0%, #168cff 100%);
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 8px 18px rgba(0, 103, 178, 0.20);
}

.tsh-product-badge:nth-child(1) {
    top: 0;
    left: 0;
}

.tsh-product-badge:nth-child(2) {
    top: 0;
    right: 0;
}

.tsh-product-badge:nth-child(3) {
    top: 34px;
    left: 0;
}

.tsh-product-badge--sale {
    background: linear-gradient(135deg, #073763 0%, #0067b2 48%, #168cff 100%);
}

.tsh-product-badge--limited-stock {
    background: linear-gradient(135deg, #063250 0%, #0067b2 100%);
}

.tsh-product-badge--staff-pick {
    background: linear-gradient(135deg, #071b33 0%, #0067b2 100%);
}

.tsh-product-badge--coming-soon,
.tsh-product-badge--back-soon {
    color: #083b73;
    background: linear-gradient(135deg, #eef7ff 0%, #d9ecff 100%);
    border: 1px solid rgba(0, 103, 178, 0.22);
    box-shadow: 0 8px 18px rgba(0, 103, 178, 0.10);
}

.tsh-product-badge--best-seller {
    background: linear-gradient(135deg, #05294d 0%, #0067b2 55%, #168cff 100%);
}

.tsh-product-badge--new {
    background: linear-gradient(135deg, #0067b2 0%, #168cff 100%);
}

@media (max-width: 781px) {
    .tsh-product-badges {
        top: 12px;
        left: 12px;
        right: 12px;
        height: 72px;
    }

    .tsh-product-badge {
        min-height: 27px;
        padding: 6px 10px;
        font-size: 10.5px;
        letter-spacing: 0.035em;
    }

    .tsh-product-badge:nth-child(3) {
        top: 36px;
    }
}