/* Toast Notification Custom Styles */
.toast-notification {
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000px;
}


/* Fixed positioning utilities */
#toast-container {
    bottom: 80px;
    left: 20px;
}


/* Hover effect for toast */
.toast-notification:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px) !important;
}


/* Close button hover effect */
.toast-close:hover {
    transform: scale(1.1);
}


/* Ensure container doesn't interfere with page interactions */
#toast-container {
    pointer-events: none;
}


#toast-container > * {
    pointer-events: auto;
}


/* Mobile responsiveness */
@media (max-width: 640px) {
    .toast-notification {
        width: calc(100vw - 32px) !important;
        max-width: 320px;
    }
    
    #toast-container {
        left: 16px !important;
        right: 16px !important;
        bottom: 80px !important;
    }
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .toast-notification {
        transition-duration: 0.01ms !important;
    }
}