/*.alert {
    position:absolute;
    top:10%;
    left:10%;
    width:80%;
    margin-left:auto;
    z-index: 500000;
    background: #ffffff;
    padding: 10px 20px;
}*/
   /* .alert .btn-close {
        margin-right:10px;
        font-size:14px;
        font-weight:bold;
    }
.alert-danger {
        background: #ff8989;
}
.alert-success {
        background: #c6ffc9;
}
.alert-warning {
        background: #ffd9a2;
}*/
/* Floating alert container */
.floating-alerts {
    position: fixed;
    top: 20px;
    right: 20px; /* Change to left:20px or center logic if desired */
    margin-left: auto;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    gap: 10px; /* space between alerts */
    width: 80%; /* optional fixed width */
}

    /* Each alert within container */
    .floating-alerts .alert {
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        animation: slideIn 0.3s ease-out;
    }

/* Optional smooth entrance animation */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert {
    transition: opacity 0.5s ease; /* half-second fade */
}

    .alert.fade-out {
        opacity: 0;
    }