/* flash.css */

#flash-messages {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 800px;
    z-index: 1000;
}

.flash-message {
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
    color: white;
    opacity: 0.95;
    font-weight: bold;
    animation: slide-in 0.5s ease-out, fade-out 0.6s ease-in 4.5s;
    font-family: var(--font-default);
    text-align: center;
}

.flash-message.success {
    background-color: #28a745; /* zelená – úspěch */
}

.flash-message.warning {
    background-color: #ffc107; /* žlutá – varování */
    color: black;
}

.flash-message.error {
    background-color: var(--color-alert); /* růžová – chyba */
}

@keyframes slide-in {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0); opacity: 0.95; }
}

@keyframes fade-out {
    from { transform: translateY(0); opacity: 0.95; }
    to   { transform: translateY(-100%); opacity: 0; }
}