/* Contêiner do Toast - Fixado no rodapé, centralizado */
.toast-container {
    position: fixed;
    bottom: 20px; /* Distância do rodapé */
    left: 50%;
    transform: translateX(-50%); /* Centraliza horizontalmente */
    display: flex;
    flex-direction: column; /* Mensagens uma abaixo da outra */
    align-items: center; /* Centraliza o conteúdo dentro do contêiner */
    z-index: 1000; /* Garante que fique acima de outros elementos */
    pointer-events: none; /* Permite clicar através do contêiner */
}

/* Estilo individual do Toast */
.toast-message {
    background-color: rgba(0, 0, 0, 0.8); /* Fundo escuro semi-transparente */
    color: #fff; /* Texto branco */
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 10px; /* Espaçamento entre múltiplos toasts */
    font-size: 16px;
    opacity: 0; /* Começa invisível para a animação fade-in */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-width: 250px; /* Largura mínima */
    text-align: center;
    pointer-events: auto; /* Permite que o usuário interaja com o toast se necessário (ex: clicar para fechar) */
}

/* Animação de entrada */
.toast-message.show {
    opacity: 1;
    transform: translateY(0);
}

/* Animação de saída */
.toast-message.hide {
    opacity: 0;
    transform: translateY(20px); /* Move ligeiramente para baixo ao sumir */
}