#alertc-container {
    position: fixed;
    bottom: 20px;         /* Changed from top to bottom */
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse; /* Changed to stack new ones on top of old ones */
    gap: 10px;
}

.alertc-toast {
    min-width: 250px;
    max-width: 350px;
    padding: 15px 20px;
    color: white;
    font-family: 'tahoma', sans-serif;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    cursor: pointer;
    
    /* Animation */
    transform: translateX(120%);
    animation: slideIn 0.5s forwards, fadeOut 0.5s forwards 4.5s;
}

/* Rest of your colors (log, error, success) remain the same */

.alertc-log { background-color: #2984D1; }     /* Blue */
.alertc-error { background-color: #E7180B; }   /* Red */
.alertc-success { background-color: #1F7A55; } /* Green */

@keyframes slideIn {
    to { transform: translateX(0); }
}

@keyframes fadeOut {
    to { opacity: 0; transform: translateY(10px); } /* Slides down slightly as it disappears */
}