/**
 * WooCommerce Backorder Badge - Frontend Styles
 */


.products li.product,
li.product,
.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-loop-product__link,
.product-type-variable,
.product-type-simple,
.product-type-grouped,
.product-type-external {
    position: relative !important;
    overflow: visible !important;
}


.woocommerce-loop-product__link,
.products li.product a,
li.product a {
    display: block;
    position: relative;
    z-index: 1;
}


.woocommerce-loop-product__link img,
.products li.product a img,
li.product a img,
.attachment-woocommerce_thumbnail,
.wp-post-image {
    width: 100%;
    height: auto;
    display: block;
}


[class^="gembackorderbadge_badge_"] {
    position: absolute !important;
    z-index: 99999 !important;
    pointer-events: none !important;
    display: block !important;
}


[class^="gembackorderbadge_badge_"] span.gem-badge-text,
.gembackorderbadge_badge_ span {
    position: relative !important;
    z-index: 99999 !important;
    display: inline-block !important;
}


[class^="gembackorderbadge_badge_"] img {
    position: relative !important;
    z-index: 99999 !important;
    max-width: none !important;
    display: block !important;
}


.astra-shop-thumbnail-wrap,
.shop-island-product-image,
.product-image-wrapper,
.image-wrap,
.product-image,
.thumbnail-container,
.image-container {
    position: relative !important;
    overflow: visible !important;
}


.theme-storefront .products li.product,
.theme-flatsome .product-small,
.theme-oceanwp .product-inner,
.theme-astra .astra-shop-thumbnail-wrap {
    position: relative !important;
    overflow: visible !important;
}


.onsale,
.sale-flash,
.stock-status,
.featured-badge,
.out-of-stock-badge {
    z-index: 1000 !important;
}

[class^="gembackorderbadge_badge_"] {
    z-index: 99999 !important;
}


.products li.product,
li.product,
.product {
    overflow: visible !important;
}


.gem-badge-text {
    display: inline-block;
    padding: var(--badge-padding-top, 10px) var(--badge-padding-right, 20px) 
             var(--badge-padding-bottom, 10px) var(--badge-padding-left, 20px);
    border-radius: var(--badge-radius-tl, 0px) var(--badge-radius-tr, 0px) 
                   var(--badge-radius-br, 0px) var(--badge-radius-bl, 0px);
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}


.gembackorderbadge-variable-badges-container,
.gembackorderbadge-badge-placeholder,
.gembackorderbadge-badge-data {
    display: none;
}


.preset-badge,
.custom-image {
    max-width: none !important;
    display: block !important;
}