/* Animations pour tous les boutons des modaux */

/* Animation fadeIn pour les messages de confirmation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* Styles de base pour les boutons des modaux */
.modal-btn {
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

/* Boutons primaires (vert) */
.modal-btn-primary {
    border: none;
    background: var(--accent, #1A5238);
    color: white;
}

.modal-btn-primary:hover {
    background: rgba(26, 82, 56, 0.9) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 82, 56, 0.3);
}

.modal-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(26, 82, 56, 0.2);
}

/* Boutons secondaires (blanc/gris) */
.modal-btn-secondary {
    border: 1px solid var(--border-color, #ddd);
    background: var(--panel-light, white);
    color: var(--text-primary);
}

.modal-btn-secondary:hover {
    background: var(--hover-bg, #f5f5f5) !important;
    border-color: var(--muted) !important;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.modal-btn-secondary:active {
    transform: translateY(0);
    background: var(--panel, #e8e8e8) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Boutons de suppression (rouge) */
.modal-btn-danger {
    border: none;
    background: var(--danger);
    color: white;
}

.modal-btn-danger:hover {
    background: var(--danger-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.modal-btn-danger:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.2);
}

/* Ancien format de classes pour compatibilité */
.btn-confirm {
    transition: all 0.2s ease;
}

.btn-confirm:hover {
    background: var(--danger-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.btn-confirm:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.2);
}

.btn-cancel {
    transition: all 0.2s ease;
}

.btn-cancel:hover {
    background: var(--hover-bg, #f5f5f5) !important;
    border-color: var(--muted) !important;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.btn-cancel:active {
    transform: translateY(0);
    background: var(--panel, #e8e8e8) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Désactiver les animations sur les boutons désactivés */
.modal-btn:disabled,
.modal-btn:disabled:hover,
.modal-btn:disabled:active,
.btn-confirm:disabled,
.btn-cancel:disabled {
    transform: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}