/* BG WooCommerce Cart Counter v2 - Bazargani Ghasemi */
#cart-F65Lg .mini-cart-items,
#cart-hihWp .mini-cart-items,
.tbay-topcart .mini-cart-items,
.mini-cart-items.bg-cart-live-count{
    position:absolute !important;
    top:-7px !important;
    right:-8px !important;
    z-index:20 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:20px !important;
    width:auto !important;
    height:20px !important;
    padding:0 5px !important;
    box-sizing:border-box !important;
    border-radius:999px !important;
    background:#fb3449 !important;
    color:#fff !important;
    border:2px solid #fff !important;
    font:800 10px/16px Arial,sans-serif !important;
    text-align:center !important;
    white-space:nowrap !important;
    box-shadow:0 2px 7px rgba(0,0,0,.18) !important;
}

/* Make the theme cart wrapper the positioning context. */
#cart-F65Lg .dropdown-toggle.mini-cart,
#cart-hihWp .dropdown-toggle.mini-cart,
.tbay-topcart .cart-dropdown,
.tbay-topcart .dropdown-toggle.mini-cart{
    position:relative !important;
}

/* The screenshots show a separate 20x20 native counter. Hide its old visual
   treatment only; the element itself remains available to WooCommerce fragments. */
#cart-F65Lg .mini-cart-items:not(.bg-cart-live-count),
#cart-hihWp .mini-cart-items:not(.bg-cart-live-count){
    background:#fb3449 !important;
    color:#fff !important;
}

/* Mobile: keep the badge visible and compact. */
@media (max-width:767px){
    #cart-hihWp .mini-cart-items,
    .tbay-topcart .mini-cart-items,
    .mini-cart-items.bg-cart-live-count{
        top:-7px !important;
        right:-7px !important;
        min-width:19px !important;
        height:19px !important;
        padding:0 4px !important;
        font-size:10px !important;
    }
}

/* Do not show the old footer replacement from v1 if it is still present. */
#bg-cart-counter-root{
    display:none !important;
}