/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/header/commerce-cart-badge.css?{ versionKey }"/> */

/* COMMERCE CART BADGE */

commerce_builder-cart-badge,
commerce_builder-cart-badge commerce_cart-badge,
commerce_builder-cart-badge commerce_cart-badge .cart-container,
commerce_builder-cart-badge commerce_cart-badge .cart-container a,
commerce_builder-cart-badge commerce_cart-badge .cart-container a .slds-icon_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 !important;
    opacity: 1;
    transition:
        opacity var(--ecomm-transition-box-shadow),
        box-shadow var(--ecomm-transition-opacity) !important;
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a {
    outline: none;
    border-radius: var(--ecomm-button-border-radius);
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a:hover,
commerce_builder-cart-badge commerce_cart-badge .cart-container a:focus {
    opacity: 0.9;
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a:focus {
    box-shadow: var(--ecomm-button-box-shadow-focus) !important;
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a .slds-icon_container {
    position: relative;
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a .slds-icon_container::after {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5H4.55777C4.81029 3.5 5.02317 3.68829 5.05402 3.93892L6.54598 16.0611C6.57683 16.3117 6.78971 16.5 7.04223 16.5H18.3219C18.5456 16.5 18.7421 16.3514 18.803 16.1362L20.8199 9.01119C20.9103 8.69205 20.6705 8.375 20.3388 8.375H10M7 21.5H15' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

commerce_builder-cart-badge commerce_cart-badge .cart-container a .slds-icon_container .slds-icon {
    opacity: 0;
}

commerce_builder-cart-badge commerce_cart-badge .cart-container .slds-notification-badge {
    top: 0.125rem;
    right: 0.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.125rem;
    height: 1.125rem;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    color: var(--ecomm-color-white-01);
    background: var(--ecomm-gradient-purple-ultraviolet);
}