/* ==========================================================================
   COMPONENT: TOAST
   Bildirim mesajları. Sağ alt köşede yığılır, otomatik kaybolur.
   ========================================================================== */

.toast-container {
    position: fixed;
    bottom: var(--space-6);
    right: var(--space-6);
    z-index: var(--z-toast);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    pointer-events: none;
}

.toast {
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-lg);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: slideUp var(--duration-normal) var(--ease-out);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    pointer-events: auto;
    max-width: 360px;
}

.toast--success {
    background: var(--color-success-bg);
}

.toast--error {
    background: var(--color-danger-bg);
}

.toast--info {
    background: var(--color-text);
}

.toast--warning {
    background: var(--color-warning-bg);
    color: var(--color-text);
}

/* Fade out animation class */
.toast.is-leaving {
    animation: fadeOut var(--duration-fast) var(--ease-in) forwards;
}