/* Système de notifications pour les pages de redirection */

/* Conteneur principal des notifications */
.notification-container {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    z-index: 1000;
}

/* Animation d'apparition des messages */
.notification-messages {
    animation: slideDown 0.5s ease-out;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Messages de succès (INFO) */
.ui-messages-info,
.ui-messages-info-icon,
.ui-messages-info-summary,
.ui-messages-info-detail {
    background-color: #e8f5e9 !important;
    border-left: 4px solid #4caf50 !important;
    color: #2e7d32 !important;
}

.ui-messages-info .ui-messages-icon {
    color: #4caf50 !important;
}

/* Messages d'erreur (ERROR) */
.ui-messages-error,
.ui-messages-error-icon,
.ui-messages-error-summary,
.ui-messages-error-detail {
    background-color: #ffebee !important;
    border-left: 4px solid #f44336 !important;
    color: #c62828 !important;
}

.ui-messages-error .ui-messages-icon {
    color: #f44336 !important;
}

/* Messages d'avertissement (WARN) */
.ui-messages-warn,
.ui-messages-warn-icon,
.ui-messages-warn-summary,
.ui-messages-warn-detail {
    background-color: #fff3e0 !important;
    border-left: 4px solid #ff9800 !important;
    color: #e65100 !important;
}

.ui-messages-warn .ui-messages-icon {
    color: #ff9800 !important;
}

/* Amélioration du style des titres de messages */
.ui-messages-summary {
    font-weight: 600 !important;
    font-size: 1rem !important;
    margin-bottom: 0.25rem !important;
}

/* Amélioration du style des détails de messages */
.ui-messages-detail {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}

/* Bouton de fermeture */
.ui-messages-close {
    color: inherit !important;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.ui-messages-close:hover {
    opacity: 1;
}

/* Responsive : messages sur mobile */
@media (max-width: 768px) {
    .notification-messages {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
    
    .ui-messages-summary {
        font-size: 0.95rem !important;
    }
    
    .ui-messages-detail {
        font-size: 0.85rem !important;
    }
}

/* Animation de disparition lors de la fermeture */
@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.notification-messages.closing {
    animation: fadeOut 0.3s ease-out forwards;
}

/* Style pour les messages PrimeFaces */
.ui-messages {
    border-radius: 8px !important;
    border: none !important;
}

.ui-messages .ui-messages-icon {
    font-size: 1.5rem !important;
    margin-right: 0.75rem !important;
}

/* Amélioration des icônes */
.ui-messages-info-icon:before {
    content: "✓";
    font-weight: bold;
    font-size: 1.2rem;
}

.ui-messages-error-icon:before {
    content: "✕";
    font-weight: bold;
    font-size: 1.2rem;
}

.ui-messages-warn-icon:before {
    content: "⚠";
    font-weight: bold;
    font-size: 1.2rem;
}