/* Cart Messages Area Styling */
.cart-messages-area {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 1050;
    max-width: 400px;
    width: 100%;
}

.cart-messages-area .alert {
    margin-bottom: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #ffc107;
    animation: slideInRight 0.3s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.cart-messages-area .alert.fade-out {
    opacity: 0;
    transform: translateX(100%);
}

.cart-messages-area .alert:last-child {
    margin-bottom: 0;
}

/* Animation for cart messages */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .cart-messages-area {
        top: 60px;
        right: 10px;
        left: 10px;
        max-width: none;
    }
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
    .cart-messages-area .alert {
        background-color: #2d3748;
        color: #e2e8f0;
        border-color: #f6ad55;
    }
}