/* ====================================================================
 * DATEI:         public/css/messages.css
 * PROJEKT:       Dali Personal GmbH - Relaunch 2025
 * FUNKTION:      Stile für Benachrichtigungen (z.B. Toasts, Alerts).
 * Abhängig:      variables.css, animations.css
 *
 * LETZTE ÄNDERUNG: 2025-07-28 - Basis-Styling für Nachrichten erstellt.
 * ==================================================================== */

/* ====================================================================
 * TOAST-NACHRICHT: BASIS-STIL
 * ==================================================================== */
.toast-message {
    position: fixed;
    bottom: var(--spacing-xl);
    right: var(--spacing-xl);
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    color: var(--white);
    font-weight: var(--font-weight-medium);
    z-index: var(--z-index-modal);
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

/* ====================================================================
 * TOAST-NACHRICHT: ZUSTANDS-KLASSE
 * ==================================================================== */
.toast-message.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* ====================================================================
 * TOAST-NACHRICHT: VARIANTEN
 * ==================================================================== */

/* Variante für Erfolgsmeldungen */
.toast-message--success {
    background-color: var(--success);
}

/* Variante für Fehlermeldungen */
.toast-message--error {
    background-color: var(--danger);
}

/* Variante für Info-Meldungen */
.toast-message--info {
    background-color: var(--info);
}