/**
 * Notification Styles
 * Custom styles for toast notifications and alerts
 */

/* Toast container positioning */
#toast-container {
    max-width: 400px;
}

/* Toast styling */
.toast {
    min-width: 300px;
}

.toast-header {
    font-weight: 600;
}

.toast-header.bg-success .btn-close,
.toast-header.bg-danger .btn-close,
.toast-header.bg-info .btn-close {
    filter: brightness(0) invert(1);
}

/* Alert container */
#alert-container {
    padding: 0;
}

#alert-container .alert {
    margin-bottom: 0;
    border-radius: 0;
}

/* Animation for toasts */
.toast.showing {
    opacity: 1;
}

.toast.show {
    opacity: 1;
}

.toast.hide {
    opacity: 0;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    #toast-container {
        left: 0;
        right: 0;
        max-width: 100%;
    }
    
    .toast {
        min-width: auto;
    }
}
