/* Mini Cart */
.custom-mini-cart.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    padding: 0;
    display: flex;
    justify-content: end; 
    transition: all .5s ease-in;
    color: #fff;
}

.custom-mini-cart.toggle-hidden{
    background-color: rgba(90, 124, 131, 0);
    z-index: -1;
}
.custom-mini-cart.toggle-hidden .cart-sidebar{
    transform: translate(100%,0);
    transition: all .5s ease-out;
}

.custom-mini-cart.toggle-revealed{
    background-color: rgba(90, 124, 131, .6);
    z-index: 10;
}
.custom-mini-cart.toggle-revealed .cart-sidebar{
    transform: translate(0,0);
    transition: all .5s ease-in;
}

.cart-blank{
    width: calc(100% - 520px);
    height: 100%;
}

/* Sidebar */
.cart-sidebar{
    width: 520px;
    height: 100%;
    background-color: var(--wp--preset--color--text-medium-green);
    padding: 15px 2rem;
    box-sizing: border-box;
}

.cart-sidebar-head{
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cart-sidebar h2{
    margin-top: 0;
}
.cart-sidebar p{margin: 0;}

/* Cart product  */
.cart-products {
    height: 100%;
    overflow-y: scroll;
    margin-bottom: 1rem;
}
.cart-products::-webkit-scrollbar {
    width: 12px;
}
.cart-products::-webkit-scrollbar-thumb {
    background-color: var(--wp--preset--color--light-blue); 
    border-radius: 10px; 
}
.cart-products::-webkit-scrollbar-thumb:hover {
    background-color: #fbfbfb; 
}
.cart-product{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-right: 1rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.cart-product:hover{
    background-color: var(--wp--preset--color--light-green);
}
.product-deleted-in-queue {
    background-color: unset!important;
    background-image: linear-gradient(
        55deg,
        transparent 10%,
        var(--wp--preset--color--light-green) 10% 20%,
        transparent 20% 30%,
        var(--wp--preset--color--light-green) 30% 40%,
        transparent 40% 50%,
        var(--wp--preset--color--light-green) 50% 60%,
        transparent 60% 70%,
        var(--wp--preset--color--light-green) 70% 80%,
        transparent 80% 90%,
        var(--wp--preset--color--light-green) 90% 100%
    )!important;
    animation: background 3s linear infinite;
}
  
@keyframes background {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 400px 0;
    }
}

.cart-product-image{
    width: 150px;
    max-width: 164px;

    height: 90px;
    overflow: hidden;
    padding: 7px;
    position: relative;
    border: 7px solid #fff;
}
.cart-product-image img{
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    width: 100%;
    transform: translate(0, -50%);
}
.cart-product-info{
    padding: 1em;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.cart-row{
    display: flex;
    justify-content: space-between;
}
.cart-row-end{
    display: flex;
    justify-content: end;
}
.cart-product-price{color: #F6E22C;}

.cart-sidebar{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.cart-sidebar-footer{
    padding-top:1rem;
    border-top: 1px solid rgba(255,255,255,.2);
}

.cart-checkout-button{
    border-radius: 100px;
    width: 100%;
    text-align: center;
    padding:.75rem;
    color:#5a7c83;
    margin-top:1rem!important;
  }
.cart-checkout-button:hover{
    background-color: #fff;
}  

/* Icon */
.miniCartButton{position: relative;}
.miniCartButton::after{
  height: 1.75em;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  top: 0%;
  left: 0%;
  position: absolute;
  text-align: center;
  transform: translate(80%,-25%);
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--light-green);
  font-weight: 700;
  font-size: 12px;
}