@tailwind base;
@tailwind components;
@tailwind utilities;
@import './icomoon/style.css';

/* Toast Notification Styles */
.toast-notification {
    animation: slideInRight 0.3s ease-out;
    opacity: 0;
    z-index: 9999;
    background-color: #4CAF50; /* Green background for success */
    color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.toast-notification.bg-red-500 {
    background-color: #F44336; /* Red background for error */
}

.toast-notification.bg-blue-500 {
    background-color: #2196F3; /* Blue background for info */
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Ensure cart modal is properly positioned */