/*
|--------------------------------------------------------------------------
| WC Auto Badges
|--------------------------------------------------------------------------
*/

.wcab-wrapper{
    position:absolute;
    top:8px;
    left:8px;
    z-index:99;
    display:flex;
    flex-direction:column;
    gap:4px;
    pointer-events:none;
}

/*---------------------------------------
NEW
---------------------------------------*/

.wcab-new{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#f8ff33;
    color:#000;

    font-size:10px;
    font-weight:700;
    line-height:1;

    padding:4px 7px;

    border-radius:2px;

    text-transform:uppercase;
}

/*---------------------------------------
SALE
---------------------------------------*/

.wcab-sale{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#ff2b2b;
    color:#fff;

    font-size:10px;
    font-weight:700;
    line-height:1;

    padding:4px 7px;

    border-radius:2px;
}

/*---------------------------------------
OUT OF STOCK
---------------------------------------*/

.wcab-stock{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#666;
    color:#fff;

    font-size:10px;
    font-weight:700;
    line-height:1;

    padding:4px 7px;

    border-radius:2px;
}

/*---------------------------------------
Grey Out Image
---------------------------------------*/

.wcab-outofstock img{
    filter:grayscale(100%);
    opacity:.55;
}

/*---------------------------------------
WooCommerce
---------------------------------------*/

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

/*---------------------------------------
Elementor
---------------------------------------*/

.eael-product-grid .product{
    position:relative;
}

/*---------------------------------------
Product Carousel
---------------------------------------*/

.eael-product-carousel .product{
    position:relative;
}

/*---------------------------------------
Responsive
---------------------------------------*/

@media(max-width:768px){

.wcab-wrapper{

    top:6px;
    left:6px;

}

.wcab-new,
.wcab-sale,
.wcab-stock{

    font-size:9px;

    padding:3px 6px;

}

}