/* Custom Fixed Cart Styles */

.fixed-cart-wrapper {
    position: fixed;
    top: -100px; /* Initially hidden above the viewport */
    right: 20px;
    z-index: 1050; /* Ensure it stays above other elements */
    transition: top 0.4s ease-in-out; /* Smooth transition when appearing */
}

.fixed-cart-wrapper.show {
    top: 20px; /* Position when visible */
}

/* Styling the Cart Icon/Content for a unique look */
.fixed-cart-wrapper .cart-icon-content {
    background-color: #1781e4; /* Dark background */
    color: #ffffff; /* White text */
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(58, 159, 199, 0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.fixed-cart-wrapper .ec-shopping-bag {
    font-size: 24px;
    margin-right: 8px;
}

.fixed-cart-wrapper .cart-badge {
    background-color: #FDD700; /* Primary color from your theme */
    color: #333E48;
    position: static; /* Reset absolute positioning within this context */
    width: 24px;
    height: 24px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
}

.fixed-cart-wrapper .cart-balance {
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}
/* Cart Flying Animation CSS */

/* Cart Flying Animation CSS start */
/* Flying Cart Animation CSS */
/* Fixed position, transition, and pointer-events for the flying clone */
.flying-clone {
    position: fixed;
    z-index: 9999; 
    width: auto; 
    height: auto;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(15, 147, 156, 0.5);
    overflow: hidden; 
    transition: transform 1s cubic-bezier(0.5, -0.5, 1, 1), opacity 1s ease-in, width 1s, height 1s; 
    pointer-events: none; 
}

/* Keyframes for cart shake effect */
@keyframes shake-cart {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* দুটি নির্দিষ্ট ID-তে হিট ক্লাস যুক্ত করা হয়েছে */
#headerMainCartIcon.hit,
#mainCartIcon.hit {
    animation: shake-cart 0.3s ease-in-out;
}


/* */

/* */