/* High Cultured UI - product labels */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

.hcui-product-labels {
    pointer-events: none;
}

.hcui-loop-labels {
    position: absolute;
    inset: 0;
    z-index: 499;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
}

.hcui-product-label {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    font-weight: 400;
}

.hcui-single-labels {
    position: absolute;
    inset: 0;
    z-index: 499;
}

.single-product .woocommerce-product-gallery {
    position: relative;
}

/* v0.3.9 — Simple, understated Hot Sale badge everywhere.
   Keep one consistent badge across grids, carousels and single products.
   Legacy inline position values are preserved; only the visual weight is reduced. */
.hcui-product-label.hcui-rule-on-sale {
    width: auto !important;
    min-width: 48px;
    height: 20px !important;
    padding: 0 6px;
    background: #df1018 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 2px !important;
    font-family: inherit !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: .1px;
    box-shadow: none !important;
    transform: none !important;
}

/* No decorative cord/hole from the hanging-tag experiment. */
.hcui-product-label.hcui-rule-on-sale::before,
.hcui-product-label.hcui-rule-on-sale::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    .hcui-product-label {
        max-width: calc(100% - 8px);
    }

    .hcui-product-label.hcui-rule-on-sale {
        min-width: 46px;
        height: 19px !important;
        padding: 0 5px;
        font-size: 8.5px !important;
        line-height: 19px !important;
    }
}