/* UIergo Module - Dynamic Notifications CSS */

.jnotify-container {
    bottom: 0; right: 0; top: auto; left: auto;    z-index: 9999;
}

.jnotify-container .jnotify-notification {
    margin-bottom: 20px;
    margin-right: 20px;
                border: 1px solid transparent;
        }

.jnotify-container .jnotify-notification .jnotify-message {
    font-size: 0.95em !important;
    }

.jnotify-container .jnotify-notification .jnotify-background {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        opacity: 0.95 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Améliorations visuelles modernes */
.jnotify-container .jnotify-notification {
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.jnotify-container .jnotify-notification .jnotify-background {
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
    border: 1px solid rgba(255,255,255,0.2);
}

/* Styles spécifiques par type de notification avec couleurs personnalisées */
.jnotify-container .jnotify-notification-error .jnotify-background {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}

.jnotify-container .jnotify-notification-error .jnotify-message,
.jnotify-container .jnotify-notification-error .jnotify-close {
    color: #ffffff !important;
}

.jnotify-container .jnotify-notification-warning .jnotify-background {
    background: #ffc107 !important;
    border-color: #ffc107 !important;
}

.jnotify-container .jnotify-notification-warning .jnotify-message,
.jnotify-container .jnotify-notification-warning .jnotify-close {
    color: #212529 !important;
}

.jnotify-container .jnotify-notification-success .jnotify-background {
    background: #28a745 !important;
    border-color: #28a745 !important;
}

.jnotify-container .jnotify-notification-success .jnotify-message,
.jnotify-container .jnotify-notification-success .jnotify-close {
    color: #ffffff !important;
}

.jnotify-container .jnotify-notification-info .jnotify-background {
    background: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.jnotify-container .jnotify-notification-info .jnotify-message,
.jnotify-container .jnotify-notification-info .jnotify-close {
    color: #ffffff !important;
}

.jnotify-container .jnotify-notification-notice .jnotify-background {
    background: #6c757d !important;
    border-color: #6c757d !important;
}

.jnotify-container .jnotify-notification-notice .jnotify-message,
.jnotify-container .jnotify-notification-notice .jnotify-close {
    color: #ffffff !important;
}

/* Bouton de fermeture - style original conservé */
.jnotify-container .jnotify-close {
    /* Pas de modifications du style original du bouton fermer */
}

/* Indicateur de progression pour les notifications temporaires */
.jnotify-container .jnotify-notification::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255,255,255,0.4);
    animation: progress 4000ms linear;
}

@keyframes progress {
    from { width: 100%; }
    to { width: 0%; }
}

/* Animations */

        @keyframes jnotify-slide-in {
            from { 
                transform: translateX(100%); 
                opacity: 0; 
            }
            to { 
                transform: translateX(0); 
                opacity: 1; 
            }
        }
        .jnotify-notification {
            animation: jnotify-slide-in 0.4s ease-out;
        }
/* Responsive design */
@media (max-width: 768px) {
    .jnotify-container {
        left: 10px !important;
        right: 10px !important;
                width: calc(100% - 20px) !important;
            }
    
    .jnotify-container .jnotify-notification {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
}