/* ============================================
   TOAST NOTIFICATION ANIMATIONS
   ============================================ */

/* LTR (Left-to-Right) Animations */
@keyframes slide-in-ltr {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-out-ltr {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

/* RTL (Right-to-Left) Animations */
@keyframes slide-in-rtl {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-out-rtl {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
    }
}

/* Apply animations based on direction */
html[dir="ltr"] .animate-slide-in,
html:not([dir]) .animate-slide-in {
    animation: slide-in-ltr 0.3s ease-out;
}

html[dir="ltr"] .animate-slide-out,
html:not([dir]) .animate-slide-out {
    animation: slide-out-ltr 0.3s ease-in;
}

html[dir="rtl"] .animate-slide-in {
    animation: slide-in-rtl 0.3s ease-out;
}

html[dir="rtl"] .animate-slide-out {
    animation: slide-out-rtl 0.3s ease-in;
}