/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 20 2025 | 04:50:27 */
.cart-success-message {
    background-color: #f0f8ff; /* Light background color */
    color: #2e8b57; /* Success text color */
    border: 1px solid #90ee90; /* Light green border */
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: flex; /* Use flexbox for icon and text alignment */
    align-items: center; /* Vertically align icon and text */
    justify-content: center; /* Center content horizontally */
    opacity: 0; /* Initially hidden with opacity 0 for fade-in effect */
    transition: opacity 0.3s ease-in-out; /* Smooth fade-in/out */
    position: relative; /* For icon positioning if needed */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow */
    font-weight: 500; /* Slightly bolder text */
}

.cart-success-message.show {
    opacity: 1; /* Make visible when 'show' class is added */
}

.cart-success-message .message-icon {
    font-size: 20px;
    margin-right: 10px; /* Spacing between icon and text */
    /* You can style the icon further, e.g., color, font-family */
}

.cart-success-message .message-text {
    /* Style the message text if needed */
}